Today I Learn...

  • axios 라이브러리

    • 조회

       import axios from 'axios';
      
       axios.get('API의 주소');
    • 등록

       axios.post('API의 주소', {
       username: 'bathing',
       name: 'ape'
       });
  • REST API (Representational State Transfer API)

    • HTTP 주요 메서드

      • GET: 데이터 조회
      • POST: 데이터 등록
      • PUT: 데이터 수정
      • DELETE: 데이터 제거
  • REST API 설계 시 가장 중요한 항목

    1. URI는 정보의 자원을 표현해야 한다.
    2. 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다.
  • 주의할 점

    1. 밑줄(_)은 URI에 사용하지 않는다.
    2. URI 경로에는 소문자가 적합하다.
  • HTTP 응답 상태 코드
  • 요청에 대한 상태를 관리 해야 할 요소

    1. 요청의 결과
    2. 로딩상태
    3. 에러
  • useAsync
    : Promise 의 결과를 바로 data 에 담는다.

To-Do

  1. 벨로퍼트와 함께하는 모던 리액트 문서
  2. 자바스크립트 개발자라면 알아야 할 33가지 개념(참고문서 1)
  3. REST API (참고문서 2)
  4. react-async 라이브러리
  5. 라우터

참고문서

  1. https://velog.io/@jakeseo_me/2019-03-15-2303-%EC%9E%91%EC%84%B1%EB%90%A8-rmjta5a3xh
  2. https://meetup.toast.com/posts/92