[javascript] 객체 할당과 AJAX 호출.

11 Dec 2023

javascript

자바스크립트에서는 객체 할당과 AJAX 호출이 매우 흔하게 사용됩니다. 이 블로그 포스트에서는 이 두 가지 개념에 대해 알아보겠습니다.

객체 할당

자바스크립트에서는 객체를 다른 변수에 할당할 때 참조(reference)가 전달됩니다. 즉, 객체가 변경되면 해당 객체를 참조하는 모든 변수에도 변경 내역이 반영됩니다. 다음은 객체 할당에 관한 예시입니다.

let obj1 = { name: "John" };
let obj2 = obj1;

obj2.name = "Jane";
console.log(obj1.name); // 출력 결과: "Jane"

이 예시에서 obj1과 obj2는 동일한 객체를 참조하고 있기 때문에 obj2에서 name 속성을 바꾸면 obj1에서도 변경된 것을 확인할 수 있습니다.

AJAX 호출

AJAX(Asynchronous JavaScript and XML)는 비동기적으로 서버와 통신하기 위한 기술입니다. 이를 통해 페이지 전체를 새로 고치지 않고도 서버로부터 데이터를 받아와 화면을 업데이트할 수 있습니다. 아래는 간단한 AJAX 호출의 예시입니다.

let xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    let data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send();

이 예시에서 XMLHttpRequest 객체를 사용하여 서버로 데이터를 요청하고, 해당 데이터가 반환되면 화면을 업데이트하는 방법을 보여줍니다.

이러한 방식으로 객체 할당과 AJAX 호출을 이해하고 활용할 수 있으면, 더 나은 자바스크립트 애플리케이션을 개발할 수 있을 것입니다.

참고 자료

객체 할당: MDN Web Docs - 할당 연산자
AJAX 호출: MDN Web Docs - AJAX 시작하기

이상으로 객체 할당과 AJAX 호출에 관한 블로그 포스트를 마치겠습니다. 부족한 설명이 있으면 추가 답변을 요청해 주세요.