Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 백준 js
- 프로그래머스 K_Digital Training
- react 프로젝트 리팩토링
- 리팩토링 회고
- useEffect return
- Frontend Roadmap
- Vue3
- 인프런 자바스크립트 알고리즘 문제풀이
- 모던 자바스크립트 Deep Dive TIL
- 개발자 특강
- frontend roadmap study
- 백준 node.js
- 머쓱이
- react customHook 예시
- Vue3 Router
- 프로그래머스 K_Digital Training 프론트엔드
- 우테캠 회고록
- 모던 자바스크립트 Deep Dive
- KDT 프로그래머스
- 모던 자바스크립트 딥다이브
- 프로그래머스 데브코스 프론트엔드 TIL
- useRef 지역 변수
- TypeScript 문법 소개
- K_Digital Training
- 프로그래머스 데브코스
- 모던 자바스크립트 TIL
- 프로그래머스 데브코스 프론트엔드
- 투포인터알고리즘 js
- 모던 javascript Deep Dive
- KDT 프로그래머스 데브코스 프론트엔드
Archives
- Today
- Total
프론트엔드 개발자의 기록 공간
[JavaScript DeepDive] 44장_REST API 본문
REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처고,
REST의 기본 원칙을 성실히 지킨 서비스 디자인을 "RESTful"이라고 표현한다.
REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다.
✍ REST API의 구성
REST API는 자원, 행위, 표현의 3가지 요소로 구성된다. REST는 자체 표현 구조로 구성되어
REST API만으로 HTTP 요청의 내용을 이해할 수 있다.
구성 요소 | 내용 | 표현 방법 |
자원 | 자원 | URI(엔드포인트) |
행위 | 자원에 대한 행위 | HTTP 요청 메서드 |
표현 | 자원에 대한 행위의 구체적 내용 | 페이로드 |
✍ REST API 설계 원칙
REST에서 가장 중요한 기본적인 원칙은 두 가지다. URI는 리소스를 표현하는데 집중하고 행위에 대한
정의는 HTTP 요청 메서드를 통해 하는 것이 RESTful API를 설계하는 중심 규칙이다.
1. URI는 리소스를 표현해야 한다.
URI는 리소스를 표현하는데 중점을 두어야 한다. 리소스를 식별할 수 있는 이름은 동사보다는 명사를 사용한다. 따라서 이름에 get 같은 행위에 대한 표현이 들어가서는 안 된다.
# bad
GET /getTodos/1
GET /todos/show/1
# good
GET /todos/1
2. 리소스에 대한 행위는 HTTP 요청 메서드로 표현한다.
HTTP 요청 메서드는 클라이언트가 서버에게 요청의 종류와 목적(리소스에 대한 행위)을 알리는 방법이다.
HTTP 요청 메소드 | 종류 | 목적 | 페이로드 |
GET | index/retrieve | 모든/특정 리소스 취득 | X |
POST | create | 리소스 생성 | O |
PUT | replace | 리소스의 전체 교체 | O |
PATCH | modify | 리소스의 일부 수정 | O |
DELETE | delete | 모든/특정 리소스 삭제 | X |
👨💻 REST에 대한 의미와 HTTP 요청 메서드가 무엇인지 이해하고 넘어가자..
728x90
'모던 자바스크립트 Deep Dive' 카테고리의 다른 글
[JavaScript DeepDive] 46장_제너레이터와 async / await (0) | 2022.03.13 |
---|---|
[JavaScript DeepDive] 45장_프로미스 (0) | 2022.03.10 |
[JavaScript DeepDive] 43장_Ajax (0) | 2022.03.09 |
[JavaScript DeepDive] 42장_비동기 프로그래밍 (0) | 2022.03.09 |
[JavaScript DeepDive] 41장_타이머 (0) | 2022.03.08 |
Comments