이제 코드캠프 3일차다.
하루에 잠을 5시간만 자니 너무 피곤하고 졸리다.
그래서 강의 시간때 너무 졸려서 힘들었다.
그래도 꾹 참고 강의를 들었다..
처음에는 내가 몰랐던 단축키들을 배웠다.
또 내가 만지면서 찾은 단축키들도 있다.
컨트롤 마이너스는 전에 있었던 페이지로 이동
컨트롤 쉬프트 마이너스는 아까 그 페이지로 돌아감
커맨드 윗키는 맨 상단으로 이동
커맨드 아랫키는 맨 하단으로 이동
컨트롤 윗키 데크스탑 여러창 띄우기
커맨드 오른쪽키는 그 줄에서 제일 오른쪽으로 이동
커맨드 왼쪽키는 그 줄에서 제일 왼쪽으로 이동
HTTP 통신
HTTP란 두 컴퓨터간에 텍스트 데이터를 주고 받는 길이다.
HTTP라는 길으로 요청과 응답이 가능하다.
요청이랑 브라우저가 데이터를 요청하는 것이다.
응답은 서버가 데이터를 전달해 주는 것이다.
그리고 백엔드는 데이터를 전달해 줄때 응답상태도 같이 보내준다.
응답 상태코드는 100~599의 숫자로 이루어져 있다.
자주나오는 응답 상태코드는 아래와 같다.
성공(200), Front-end 에러(400), Back-end 에러(500)
200이라는 응답코드는 요청에 성공했으면 성공 메세지와 응답 상태코드(200)을 같이 보내준다.
API
API란 HTTP 요청을 Back-end 컴퓨터에 보냈을때 실행되는 Back-end 기능이다.
HTTP에는 여러 길이 존재한다.
각 길에는 담당자가 존재한다 그런 존재를 API라고 한다.
API 종류
API에는 주로 rest-api와 graphql-api가 있다.
rest 방식은 홈페이지 주소창와 같이 생겼다
graphql 방식은 함수형태 처럼 생겼다
rest방식은 graphql 방식보다 먼저 만들어졌다.
근데 rest 방식은 서버에 요청을 하면 모든 데이터 항목을 같이 보내주기 때문에 비효율적이다.
그래서 graphql-aip가 개발된 것이다.
graphql 방식은 원하는 데이터 항목만 불러올 수 있다.
그래서 효율적으로 데이터 전송이 가능해 사이트 속도 최적화가 가능하다.
rest-API 에 요청하는 요청담당자는 axios이다.
graphql-API 에 요청하는 요청담당자는 apollo-client 이다.
즉 axios, apollo-client는 프론트엔드 쪽이 받아야 하는 라이브러리이다.
Json
JSON(Java script Object Notation)
백엔드에서 응답을 받을 때, 객체 자체를 주고 받을 수 없다.
따라서 객체를 문자열로 묶어서 객체를 담은 문자열을 보내게 되는데, 객체를 담은 문자열을 객체 표기법 이라고 한다.
즉, 백엔드에서 응답의 결과물로 넘겨주는 것이 JSON이고, JSON은 객체를 담은 문자열 정도라고 생각하면 된다.
받아온 JSON 데이터는 프론트에서 문자열을 벗겨 객체로 사용하게 된다.
API와 CRUD
axios(rest)는 생성, 수정, 삭제, 조회를 각각의 메서드가 있다.
생성은 post, 수정은 put, 삭제는 delete, 조회는 get이다.
apollo-client(graphql)는 axios와 다르게 생성, 수정, 삭제는 모든 한 메서드에서 한다. 그 메서드는 mutation이다. 조회 메서드는 query이다.
