Today I Learn...

• axios 라이브러리

  • 조회

    		```js

    import axios from 'axios';

    axios.get('API의 주소');

  • 등록

    	```js

    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