async/await과 API
async/await
- Promise를 활용한 비동기 코드를 간결하게 작성하는 문법.
- async/await 문법으로 비동기 코드를 동기 코드처럼 간결하게 작성할 수 있다.
- async 함수와 await 키워드를 이용한다.
- await 키워드는 반드시 async 함수 안에서만 사용해야 한다.
- async로 선언된 함수는 반드시 Promise로 리턴한다.
async 함수
await 키워드 실행 순서
에러 처리
HTTP, REST API
HTTP(Hypertext Transfer Protocol)
- Web에서 서버와 클라이언트 간의 통신하는 방법을 정한 것.
- 클라이언트는 엡 브라우저 등 서버로 요청을 보내는 대상.
- 서버는 클라이언트가 요청을 보내기 전까지 대응하지 않음.
- 서버와 클라이언트 사이에는 무수히 많은 요소가 존재.
- HTTP는 이런 존재들 사이의 통신 방법을 규정.
HTTP Message
- 서버 주소, 요청 메서드, 상태 코드, target path, 헤더 정보, 바디 정보 등이 포함.
- 요청 메시지, 응답 메시지의 모양이 다름.
- HTTP/1.1 메시지는 사람이 읽을 수 있음.
- 헤더에는 콘텐츠 관련 정보, 인증 관련 정보, 쿠키 정보, 캐시 관련 정보 등 서버와 클라이언트 간 통신 시 필요한 정보를 담는다.
- 클라이언트 요청 시, 서버 응답 시 모두 헤더에 정보를 담을 수 있다.
HTTP status
- HTTP 요청 시, 클라이언트는 요청의 결과에 대한 상태 정보를 얻는다.
- 200, 400, 500 등 숫자 코드와, OK, NOT FOUND 등의 텍스트로 이뤄짐.
- 코드를 이용해 각 결과에 해당하는 행위를 할 수 있음.
요청 메서드
- HTTP에서 클라이언트는 서버로 요청을 보낸다.
- 요청 시 요청 메서드로 특정 요청에 대한 동작을 정의한다.
- GET, POST, PUT, PATCH, DELETE, OPTIONS, CONNECT, TRACE 등이 규정됨.
REST API(Representational State Transfer API)
- API는 사용자가 특정 기능을 사용할 수 있도록 제공하는 함수를 의미한다.
- REST API는 HTTP의 요청 메서드에 응하는 서버 API와 클라이언트 간 통신의 구조가 지켜야 할 좋은 방법을 명시한 것이다.
- 구체적인 내용으로는 요청 메서드의 의미, URI 설계, 클라이언트의 상태에 대한 동작 등을 정의한다.
REST API 요청 메서드의 의미
- GET : 리소스 정보를 얻음
- POST : 리소스를 생성
- PUT : 리소스를 생성하거나 업데이트
- DELETE : 리소스를 제거
Fetch API
Response
Body 메서드
POST 요청
이미지 출처 - Elice
