API 응답 데이터 JSON ( JavaScript Object Notation )
JSON이란?
JSON은 자바스크립트의 객체 표기법입니다.
백엔드에서 응답을 받을 때, 객체 자체를 주고 받을 수 없습니다.
따라서 객체를 문자열로 묶어서 객체를 담은 문자열을 보내게 되는데, 객체를 담은 문자열을 객체 표기법 이라고 합니다.
즉, 백엔드에서 응답의 결과물로 넘겨주는 것이 JSON이고, JSON은 객체를 담은 문자열 정도로 생각하시면됩니다.
받아온 JSON 데이터는 프론트에서 문자열을 벗겨 객체로 사용하게 됩니다.
JSON.stringify(arg)는 객체를 문자열로 변환합니다.
JSON.parse(arg)는 문자열을 객체로 변환합니다.
var json = {"test" : "value"}
var data = JSON.stringify(json);
console.log(data)
>> "{'test':'value'}"
var data = JSON.parse(json);
console.log(data)
>> {test: 'value'}JSON의 특징과 응답헤더
응답으로 주고받은 JSON은 응답의 body 부분입니다.
응답에는 header와 body부분으로 나뉘는데 body에는 JSON이 들어가게 되고 header에는 body와 관련된 요약정보가 들어가게 됩니다.
요약정보라 함은 응답을 보내는 사이트가 어디인지, 바디의 형태는 JSON인지 등등을 포함하고 있습니다.
API와 CRUD
API는 크게 Create, Read, Update, Delete 4가지 방식으로 구분할 수 있습니다.
새로운 것을 생성하는 API ⇒ CREATE
기존의 것을 조회하는 API ⇒ READ
기존의 것을 수정하는 API ⇒ UPDATE
기존의 것을 삭제하는 API ⇒ DELETE
이는 graphQL 에서는 생성, 추가, 삭제와 관련된 Mutation 과 조회와 관련된 Query 두개로 나뉘어 집니다.
API 명세서
API 명세서는 API 사용 설명서 입니다.
홈페이지를 만들기 전, Back-end 개발자가 만들어 놓은 API 가 몇 개 있고, 어떻게 구성되어있는지 확인하기 위해 필요합니다.
API명세서는 Back-end 개발자에게 받아야 합니다. Back-end 개발자는 자신이 만든 API를 직접 문서 형태로 작성하거나, swagger 라는 프로그램을 설치해서 만듭니다.
