Round10. 핵심 요약(김재현)

[HyeonE99]

Ajax: 브라우저가 서버에 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 웹페이지를 동적으로 갱신하는 프로그램 방식

웹 브라우저에서 자바스크립트와 Ajax를 기반으로 동작하는 구글 맵스는 기존 어플리케이션 보다 화면전환이 부드럽다.

Ajax의 장점

• 변경할 부분을 갱신하는 데 필요한 데이터만 서버로부터 전송받기 때문에 불필요한 데이터 통신이 발생하지 않는다.
• 변경한 필요가 없는 부분은 다시 랜더링하지 않는다. 따라서 화면이 순간적으로 깜박이는 현상이 발생하지 않는다.
• 클라이언트와 서버와의 통신이 비동기 방식으로 동작하기 때문에 서버에게 요청을 보낸 이후 블로킹이 발생하지 않는다.

자바스크립트를 사용하여 HTTP 요청을 전송하려면 XMLHttpRequest 객체를 사용

HTTP 요청 메서드
GET: 모든, 특정 리소스 취득
POST: 리소스 생성
PUT: 리소스의 전체 교체
PATCH: 리소스의 일부 수정
DELETE: 모든, 특정 리소스 삭제

리소스에 대한 행위는 HTTP 요청 메서드를 통해 표현하며 URI에 표현하지 않음

JSON Server: json파일을 사용하여 가상 REST API 서버를 구축할 수 있는 툴

프로미스: 비동기 처리를 위한 전통적인 콜백 패턴은 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하여 이러한 단점을 보안하기 위해 ES6에서 프로미스를 도입

프로미스는 호스트 객체가 아닌 표준 빌트인 객체임

제너레이터 함수

• 호출자에게 함수 실행의 제어권을 양도할 수 있다.
• 호출자와 함수의 상태를 주고받을 수 있다.
• 호출하면 제너레이터 객체를 반환한다.