1. API 연동의 기본 · GitBook

[utterances-bot]

1. API 연동의 기본 · GitBook

undefined

https://react.vlpt.us/integrate-api/01-basic.html

[byseop]

잘 보았습니다. 감사합니다!!
1. API 연동의 기본 의 Users.js 코드 부분의 api url이 showmeerror -> 제거 되어야 할것 같습니다!

[seongkyu-lim]

감사합니다. 잘봤습니다. 리액트를 사용해서 백엔드와 처음 연동을 해보면서 axios를 어떻게 써야하는지 잘 알고 갑니다.

[jjjinhyeok]

감사합니다

[sshusshu]

axios API 를 호출하는 라이브러리

axios의 GET, PUT, POST, DELETE 등의 메서드를 이용하여 데이터 관리 REST API GET: 데이터 조회 POST: 데이터 등록 PUT: 데이터 수정 DELETE: 데이터 제거 import axios from 'axios';

axios.get('/users/1');

useState 와 useEffect 로 데이터 로딩하기

useState : 요청 상태를 관리 useEffect : 컴포넌트가 렌더링되는 시점에 요청을 시작 ([]빈배열 = 처음에만 렌더링)

요청에 대한 상태를 관리 (총 3가지 상태 관리)

요청의 결과 로딩 상태 에러 *useEffect 에 첫번째 파라미터로 등록하는 함수에는 async 를 사용 할 수 없기 때문에 함수 내부에서 async 를 사용하는 새로운 함수를 선언

[song5789]

여기서 제일 중요한 개념이 비동기 처리군요.. 리액트 공부한다고 JS 는 좀 멈춰있었는데 다시 같이 봐야겠네요 ..ㅋ

[likeyellow]

api 연동 전 리덕스를 사용하여 todolist 구현까진 얼추 됐는데... api 연동을 하는 걸로 변경을 하려니 오류가 ㅠㅠ 일단 여기 4장 처음부터 다시 읽고 제 코드에 녹여봐야 겠습니다 ㅠㅠ 갈길이 머네요.. 리액트 쉽지 않아 엉엉 ㅠㅠ