HTML, CSS까지 배우고, JavaScript를 배우기 시작한 분이라면 누구나 한번쯤은 이런 고민을 해보았을 것이다. 필자도 매번 궁금해했던 것이었다 ! 🙄
서버와 데이터 교환 시 이용하는 JSON에 대해 알아보자.
JavaScript는 동기적인 언어이다. 호이스팅이 된 이후부터 코드가 작성한 순서에 따라 하나씩 동기적으로 실행되기 때문이다.
promise는 JavaScript안에 내장된 Object이다. 이는 비동기를 간편하게 처리할 수 있도록 도와주는 Object로, 콜백함수 대신 사용할 수 있다.
async와 await은 promise를 좀 더 간결하고 간편하게 사용할 수 있게 해준다. 또한 비동기적으로 실행되는 것을, 동기적으로 실행되는 것처럼 보이게 만들어준다.
XMLHttpRequest(XHR) 객체는 서버와 상호작용하기 위해 쓰인다. 전체 페이지의 새로고침 없이 URL로부터 데이터를 받아올 수 있어 페이지의 일부를 업데이트할 수 있다. 이는 AJAX 프로그래밍에 주로 사용된다.
FormData는 form 필드, 그 값을 나타내는 key, value쌍을 쉽게 생성할 수 있도록 해준다. 또한 XMLHttpRequest.send() 메서드를 사용해서 쉽게 전송할 수도 있다.