두 컴퓨터 간에 통신! 데이터 전송

데이터 전송방법에 대해 알아보자! HTTP/API/Graphql/Reset
데이터 전송실습을 직접 해보자! Postman/Playground

데이터 전송엔 규칙이 있다!
텍스트/하이퍼텍스트 요청 응답 오고가는 텍스트들 모두 객체 형태로

• 상태코드
  컴퓨터가 성공했다는걸 사람이 알아듣게 하는 코드
  예) 상태코드 200 = 성공했습니다!/ 성공하였씁니다/ 성공해씀다

• API
  게시물데이터 등록 후 완료 응답 받음. 회원가입위한 요청 게시물 조회등등 각각의 요청을 처리할 수 있는 함수. 버튼을 클릭하면 각각의 기능이 구현됨. 각 기능의 담당자라고 생각하면 편해! 버튼의 갯수만큼 API필요. ex>게시물 저장 API, 프로필 저장API

• REST API & GRAPHQL API?
  객체'형태'로 주고받고 문자열만 가능

• rest-API
  주소처럼 생긴 이름
  예) http://naver.com/board1
  주는대로 다 받아옴
  restful 방식(post, get, put, delete함수)
  1번 게시글 가져다줘~>> 작성자, 내용, 제목, 프로필 ...가져옴> 용량이 무거움>네트워크비용이 많이 들어> 큰회사에서 더 많이 사용

• GRAPHQL API
  일반 함수와 같은 이름
  예) board1
  골라서 받아옴
  1번 게시글 가져다줘~>> 작성자, 제목만 가져옴 >용량이 가벼움>데이터 비용 절감

• Jason
  자바스크립트 객체 표기법
  java Script Object Notation

• CRUD
  Create Read Update Delete + 목록조회
  생성 수정 삭제는 데이터를 변경시킴 조회는 변경시키지 않는다.

<< 연습용 >>
swagger주소: http://example.codebootcamp.co.kr/api-docs
playground주소: http://example.codebootcamp.co.kr/graphql

<< 포트폴리오용 >>
playground주소: http://backend08.codebootcamp.co.kr/graphql

korean Jason 우리나라 무료 rest API
https://koreanjson.com

• fetchBoard
  fetch는 가져오기 고로 mutation아니고 query

제품 이름, 가격, 상세내역을 업데이트하는구나!

키값을 입력해야한다.
예) createProductInput (O)
CreateProductInput (X)

* GIt Tip

• 업데이트된 git을 내려받을 때 순서
  ls> cd codecamp> ls -al> git pull

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

" ", !0 >참
"", 0 >거짓

title==="" = !title
writer !=="" = writer

*비어있는 문자만 아니면 트루!

리팩토링 = 다시 깔끔하게 바꿔서 만들다