위클리 페이퍼 6주차

예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요.

// 1번
let num = 1;

// 2번
setTimeout(() => {
  num = 2;
}, 0);

// 3번
num = 3;

// 4번
console.log(num);

• 코드는 위에서 순차적으로 실행되므로 우선 변수 num이 1로 초기화되고 후에 3으로 초기화 된다.
  그리고 나중에 setTimeout 콜백이 실행될테지만 이미 console.log(num)이 출력 완료된 상태가 되므로 영향을 받지 않는다.
  따라서 마지막으로 할당된 값인 3이 출력됩니다.

AJAX에 대해 설명해 주세요.

📘Ajax(Asynchronous JavaScript And XML)

• 자바스크립트를 사용해서 비동기적으로(=사용자가 보고 있는 현재 화면에 영향을 미치지 않고 별도로 백그라운드에서 작업을 처리한다는 뜻) 리퀘스트를 보내고 리스폰스를 받는데 기반이 되는 기술들의 집합을 의미한다.

• Ajax는 웹 브라우저가 현재 페이지를 그대로 유지한 채로 서버에 리퀘스트를 보내고 리스폰스를 받아서, 새로운 페이지를 로드하지 않고도 변화를 줄 수 있게 해주는 기술이다.

• 자바스크립트에서는 XMLHttpRequest라고 하는 객체를 통해 Ajax 통신을 할 수 있다.

  const xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://learn.codeit.kr/api/members');
  xhr.onload = function () {
   console.log(xhr.response);
  };
  xhr.onerror = function () {
   alert('Error!');
  };
  xhr.send();