codecamp -{B}-3Days

• 가장 많이 쓰는 것 HTTP

  

• 요청(request), 응답(reponse)

  

  • HTTP 요청 응답할때는 헤더와 바디로 구성되어있다.

    

    • 프론트컴퓨터가 요청하면 백엔드에서 DB에서 저장후 다시 응답(저장했어)해준다.
    • 응답 메시지도 보낼수있다 (객체로)
    • 요청 헤더와 응답헤더는 다르다.
    • 상태코드 200 (성공)

• 데이터를 전달해준다 (서빙)
• 브라우저(클라이언트) / 백엔드(서버)
• 상태코드가 4의자리면 프론트 에러 5의자리면 백엔드 에러

JSON (Javascript Object Noation) 자바스크립트 객체 표기법

• 객체를 “”붙여서 바꾼것이 JSON

API

• API 에는 두가지 방법이 있다.

  

  • GRAPHQL: FACEBOOK이 창시했다.

    

    • REST 방식은 모든것을 받아온다 (다 받아오는것만큼 용량이 크다)

    • GRAPHQL(그래프큐엘):필요한 것만 받아온다 ( 용량이 적고 가독성이 커서 효율성 증가)

    • 그렇지만 REST API 를 알아야만 할까?

      

    • OPEN-API란? 대중적으로 누구나 무료로 사용할수 있게끔 개방해주는 것.

    .

REST-API와 graphql -API 의 차이

• 공통점
  • 둘다 HTTP를 요청 응답한다.
• 차이점
  • REST는 모든것을 다 받아온다. (받아오는게 느려진다)
  • graphql은 필요한 것만 받아올수있다.

CRUD(create read update delete) + read

• 한개의 read는 상세조회 다른 하나는 목록조회이다.

• 파란색은 MUTATION(돌연변이) (위험한 애들)
  • 잘못 수정시 부작용이 존재한다.그러므로 좀더 신중하게 수정해야 한다.
• 초록색은 QUERY(조회,질의한다)
  • 안전한 수정
  • 수정한 것을 가지고 온다.(조회한다)

vscode에서 사용 방법

• 각각 HTTP 통신을 사용한다.

• 등록,조회,수정,삭제 목록을 가지고 있어야 한다.

• CRUD 와 CUDR 의 차이가 있다.

• 실습하기에 앞서 필요한 프로그램들은?

  

  • API 설명서 = API Docs

  • 원하는 데이터만 가져올수록 가져오는 시간이 줄어든다 .

    https://koreanjson.com/

• 실무에 가까운건 파랑색
• 검은색이 1단계
• 빨강색(게시판) 2단계
• 최종적으로 해결하는게 3단계

express 설치

• 터미널에 yarn init 입력
• yarn add express 입력
• 단 package.json이 있을시에만 설치가능 (터미널에서 ls로 파일목록 확인)
• git에다가 올리고 싶으면 git init 으로 폴더 만들기 (node_modules는 업로드에 포함하지 않음 )
  • 포함하지 않으려면 git에 올리려는 파이렝 .gitignore 파일 생성
  • node_modules 입력하면 node_modules폴더가 회색으로 변하는 것을 볼 수 있음(포함되지 않게 설정해놓은것)

• 새로운 개발자가 되기 위한 좋은 방법
  • 공식문서를 빠르게 습득할 수 있는 능력을 배우자.
  • 예를 들면 새로운 트렌드(언어)에 들어가서 installing,getting started 등 먼저 보기
  • 결론) 항상 언어 배우기전 공식문서부터 보고 그 핵심부를 파악하자.