✍🏻 [Code Camp_TIL] 3일차: API, JSON, CRUD

API란?

API란 HTTP 요청을 백엔드 컴퓨터에 보냈을 때 실행되는 백엔드 기능이다. 쉽게 말해 백엔드 개발자들이 만드는 함수이고, 브라우저에서 클릭하는 버튼마다 API가 필요하다고 생각하면 된다.

API 종류

API 종류는 크게 rest-API, graphql-API로 나뉜다.

rest-API

기존에는 대부분 rest-API를 사용했다. open-API(개인이 만들어놓고 무료로 사용할 수 있게 한 public API)에서는 일반적으로 Rest를 제공한다. rest-API는 API 함수 이름이 주소처럼 생겼다. 또한 rest-API에 전송을 요청하는 요청담당자는 axios이다.

graphql-API

graphql-API는 최신 기술이다. rest-API와 달리 원하는 데이터만 골라 받을 수 있다. 불필요한 데이터까지 모두 받는 것보다 용량이 작고 빠르다. 페이스북, 에어비앤비 등 글로벌 서비스에서 사용하는 방식이다. graphql-API는 함수 이름이 일반 함수처럼 생겼다. 또한 graphql-API에 전송을 요청하는 요청담당자는 apollo-client이다.

두 가지 모두 API에 전송을 요청하는 요청담당자가 있다고 했는데, 여기서 요청담당자는 프론트엔드에서 설치하는 라이브러리이다. rest-API는 axios를, graphql-API는 apollo-client를 설치하면 된다.

JSON

JSON(JavaScript Object Notation)은 JS에서 사용하는 객체 표기법이다. 실제 객체는 아니고, 객체를 담은 문자열을 뜻한다.

컴퓨터에서는 실제 객체를 주고받을 수 없고, 텍스트만 주고받을 수 있기 때문에 데이터를 주고받을 때 JSON 데이터를 사용한다.

즉, 백엔드에서 응답으로 보내주는 것이 JSON이고, 받아온 JSON 데이터는 프론트에서 문자열을 벗겨 객체로 사용하게 된다.

API와 CRUD

API는 크게 4가지 방식으로 구분할 수 있는데 그 4가지를 통틀어 CRUD라고 한다.

Create: 등록(생성)
Read: 조회
Update: 수정
Delete: 삭제

rest-API에서의 CURD와 graphql-API에서의 CRUD는 약간의 차이가 있다. 각각 옵션(post, mutation 등)을 붙여서 사용해야 한다.

VS Code에서 이를 실제로 사용하는 방법은 다음과 같다.