TD : review
오늘은 전반적인 HTTP 통신과 API 함수의 종류와 특징들에 대해 배웠으며 통신을 할 때 사용하는 프로그램인 Rest-API에 사용하는 swagger
와 GraphQL-API에 사용하는 playground를 실습하는 시간을 가졌다.
처음에 통신이라 하면 그저 데이터를 주고받는 정도로만 생각했는데 그 과정은 실제로 매우 복잡하고 정밀했으며, 프론트엔드 개발자의 업무 또한 알게 되어 매우 흥미로운 시간이었다.
TIL 01: HTTP 통신
HyperText Transfer Protocol
두 컴퓨터간에 텍스트 데이터를 주고받는 것을 칭함
- Request: 요청
텍스트 데이터를 HTTP를 통해 Back-end 컴퓨터로 보내고 , Back-end 컴퓨터에게 이 데이터를 데이터베이스에 저장 해달라고 요청하는 것
- Response : 응답
요청을 받은 Back-end 컴퓨터가 성공, 실패 등 처리 결과를 응답하는 것
** Plus! **
Back-end 컴퓨터는 응답할 때, HTTP 상태 코드라는 것도 함께 보내주는데, 이 상태 코드로 현재 응답이 어떤 상태로 되었는지 알 수 있음
다양한 HTTP 상태 코드(MDN): MDN.상태 코드
API 함수
프론트엔드에서 요청한 데이터를 백엔드로 보냈을 때 작동하여 기능을 실행시켜주는 함수를 API 함수라고 함.
데이터 기능의 종류에 따라서 그에 맞는 API 도 각각 존재해야 함.
예시
게시물 데이터 —> 게시물 API 함수
프로필 데이터 —> 프로필 API 함수
Rest-API vs GraphQL-API
API 함수에는 Rest-API 와 GraphQL-API 이 두 종류가 존재
- Rest API
- API 함수의 이름이 홈페이지 주소 처럼 생김
- 응답 결과로 back-end 개발자가 만든 함수에서 보내주는 모든 데이터를 받아야만 함
- axios: 전송을 요청하는 담당자의 이름
- GraphQL-API
수많은 데이터를 처리하기 위해 페이스북 개발팀에서 개발!
- API 함수의 이름이 일반 함수의 형태와 같음
- 응답 결과로 back-end 개발자가 만든 함수에서 필요한 데이터만 골라 받을 수 있음
- apollo-client: 전송을 요청하는 담당자의 이름
CRUD
API를 크게 4가지 방식으로 구분한 약자
새로운 것을 생성하는 API ⇒ CREATE
기존의 것을 조회하는 API ⇒ READ
기존의 것을 수정하는 API ⇒ UPDATE
기존의 것을 삭제하는 API ⇒ DELETE
** plus !**
어떤 하나의 기능을 만들기 위해선 최소한 CRUD에 해당하는 API 함수가 필요!!
Rest-API의 CRUD 방식 vs GraphQL-API의 CRUD 방식
- Rest_API 에서의 CRUD
CRUD 마다 사용하는 방식(method)가 존재
CREATE ⇒ POST
READ ⇒ GET
UPDATE ⇒ PUT
DELETE ⇒ DELETE
- GraphQL-API 에서의 CRUD
데이터를 조작하지 않고 조회만 할때는 QUERY, 그 외의 데이터를 조작할 때는 MUTATION을 사용
