React
API 연동
axios
-
API를 호출하기 위한 axios 라이브러리 설치
yarn add axios -
axios를 사용해서 GET, PUT, POST, DELETE등의 메서드로 API 요청
-
GET: 데이터 조회
-
POST: 데이터 등록
-
PUT: 데이터 수정
-
DELETE: 데이터 제거
-
데이터 로딩
-
useState와useEffect로 데이터 로딩 -
useState로 요청 상태를 관리-
요청의 결과
const [users, setUsers] = useState(null) -
로딩 상태
const [loading, setLoading] = useState(false) -
에러
const [error, setError] = useState(null)
-
-
useEffect로 컴포넌트가 렌더링되는 시점에 요청을 시작
