day 3. Rest-API vs GraphQL-API

문혜민·2022년 3월 16일
0

1주차 수업내용

목록 보기
5/6

데이터

데이터 전송방법
HTTP/API/Graphql/Rest

실습 Postman(rest)/Playground(그레프큐엘)
api설명서 swagger(rest)

파일 FTP(파일전송프로토콜)
간단한 메일 SMTP(심플메일트렌스퍼프로토콜)
텍스트/하이퍼텍스트(HTML) HTTP(하이퍼텍스트트렌스퍼프로토콜)우리가사용할것

HTTP
(요청 front)이름비밀번호 등록해줘!
(검증후 DB에 등록후)(응답 back) 실패했어/완료됐어 메시지:성공하였습니다.200
-----------------------------------------key. value. 상태코드(컴퓨터용)

API = 담당자

ex)게시물저장 담당자
API
1) rest-API 주소처럼생긴것 ex) http://naver.com/profile/철수 http://naver.com/board/1

rest-API사용하려면 axios npm 설치해야함

정보를뭉텅이로 받아와야한다(1번게시글요청->1번게시글정보전체응답)

2) graphql-API 함수처럼생긴거 ex) profile("철수") board(1)

graphql-API사용하려면 apollo, client npm 설치해야함
더 최근거고 장점도 더 많지만 국내에서는 아직 레스트에이피아이사용비중이 더 많음
캠프에서는 그래프위주이지만 레스트도 놓으면 안됨

일부만 가져올수있음(1번게시글의 작성자,제목 요청->작성자,제목응답)

JSON(자바스크립스오브젝트노테이션) = 백에서 오는 응답정보명칭

(1)국내에서 레스트를 많이쓴다
(2)우리가 취업하게될회사가 레스트를 사용하고있을수있다
(3)일반적으로 오픈 api 퍼블릭 api는 레스트 기반임

고로, 둘다 잘알아야함...
다행히 레스트는 좀 쉬움 ㅎ

응답, 요청에서는 바디와 헤더가 있다
헤더 : 보내는이, 보내는 내용형태(JSON)등의 요약정보
바디 : 응답내용

요청 : request
응답 : response

CRUD(크리에이트리드업데이트딜리트)
게시물관련 API는 기본으로 4+1(1는 게시물 목록) 4개이상있어야한다!

aios,apollo-alient 의 메서드

등록생성 : 셀추가
수정 : 변경
삭제 : 셀삭제
조회 : 꺼내기

http://example.codebootcamp.co.kr/api-docs
포스트맨,https://koreanjson.com/
rest
api 이름 : endpoint

http://example.codebootcamp.co.kr/graphql
그래프큐엘 연습
시프트 스페이스바

http://backend06.codebootcamp.co.kr/graphql
그래프큐엘 포트폴리오

profile
프론드엔드 개발하면서 메모장처럼 쓰는즁

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN