3day - REST-API, GRAPHQL-API, CRUD, JSON

이주영·2022년 11월 3일
0

git stash
git push origin master가 안될 때 왼쪽 branch에 변화가 있어 파란 숫자가 떠있어서 오류가 난다.
git stash로 수정사항을 임시로 다른 공간에 옮겨두고 git push를 해주어야 한다.
git stash list
git stash@{0} 다시 정보 가져오는 명령어

인터넷을 사용할 때 우리는 다양한 프로토콜(Protocol)을 사용한다.

  • FTP(File Transfer Protocol): 파일을 주고 받을 때 사용하는 도구
  • SMTP(Simple Mail transfer Protocol): 간단한 메일을 주고 받을 때 사용하는 도구
  • HTTP(HyperText Transfer Protocol): 텍스트/하이퍼텍스트(HTML)을 주고 받을 때 사용하는 도구

REST API

https://naver.com/board/1
주소처럼 생긴 이름.
axios를 설치해주어야 한다.
데이터를 골라서 받을 수 없고 다 받아야 한다.

GRAPHQL-API

board(1)
일반 함수와 같은 이름.
대규모 접속자를 처리하기 위해 페이스북에서 만든 API.
apollo client를 설치해주어야 한다.
원하는 데이터만 골라서 받을 수 있어 속도가 빠르다.

CRUD

CREATE(생성), READ(조회), UPDATE(생성), DELETE(삭제)

게시글 기능, 상품 기능, 프로필 기능을 하나 만든다고 하면 API가 적어도 5개는 있어야 한다.
(READ는 상세조회와 목록조회 2가지)

axios(rest-api)에서 create는 POST, update는 PUT, delete는 DELETE, read는 GET이다.
rest-api를 사용하려면 postman(실행하는 연습도구)이 있어야 하는데, 설치하지 않고 크롬 앱에 추가해주어도 된다.

apollo-client(graphql-api)에서 create, update, delete는 MUTATION, read는 QUERY이다.
graphql은 엑셀이 변경이 되느냐 안되느냐에 따라 두 가지로만 나뉜다.

JSON

Javascript Object Notation
자바스크립트 객체 표기법

우리가 데이터를 주고 받을 때는 객체 형태이다.
ex)
writer: 철수
contents: 안녕하세요

객체를 데이터로 주고 받을 수는 없기 때문에 데이터를 ""로 묶어 문자열로 만들어주는데, 이것을 JSON이라고 한다.
이 주고 받은 객체는 body라고 부르는 영역이다.
데이터를 주고 받을 때 body 영역, header 영역이 따로 있다.
header에는 요약 정보가 들어간다. 어떤 형태의 데이터이고 보내는 사람이 누구인지 등등..

0개의 댓글