zoaseo
To Infinity And Beyond
zoaseo
전체 방문자
오늘
어제
  • 분류 전체보기 (760)
    • 개발이 좋아서 (378)
      • SAP가 좋아서 (0)
      • Java가 좋아서 (42)
      • Spring이 좋아서 (50)
      • JPA가 좋아서 (0)
      • QueryDSL이 좋아서 (26)
      • Docker가 좋아서 (7)
      • Redis가 좋아서 (7)
      • AWS가 좋아서 (5)
      • CI/CD가 좋아서 (6)
      • Troubleshooting이 좋아서 (4)
      • Kotlin이 좋아서 (7)
      • SQL이 좋아서 (6)
      • HTTP가 좋아서 (21)
      • JavaScript가 좋아서 (30)
      • TypeScript가 좋아서 (6)
      • Vue가 좋아서 (21)
      • Flutter가 좋아서 (61)
      • React가 좋아서 (20)
      • Redux(React)가 좋아서 (2)
      • Angular가 좋아서 (22)
      • HTML이 좋아서 (9)
      • CSS가 좋아서 (15)
      • PHP가 좋아서 (9)
      • Illustrator가 좋아서 (2)
    • 노력이 좋아서 (169)
    • 결과물이 좋아서 (14)
    • 코딩연습이 좋아서 (168)
      • 이론이 좋아서 (62)
      • SQL이 좋아서 (90)
    • 유용한 사이트가 좋아서 (28)
    • Github (2)

인기 글

티스토리

hELLO · Designed By 정상우.
zoaseo

To Infinity And Beyond

개발이 좋아서/React가 좋아서

react - API 연동하기(axios)

2022. 6. 28. 11:05

axios 라이브러리

 

axios 설치

yarn add axios

npm install axios

 

axios사용해서 get, put, delete 등의

메소드로 api 요청함

rest api

get : 데이터 조회

post : 데이터 등록

put : 데이터 수정

delete : 데이터 제거

 

axios 사용법

import axios from 'axios';

데이터 조회

사용법> axios.get(경로)

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

데이터 등록

사용법> axios.post(경로, 데이터정보)

ex) axios.post('/users/',{

    username: "green",

    name: "aaaa",

})

 

useState와 useEffect로 데이터 로딩하기

useState 요청 상태를 관리

1. 요청의 결과

2. 로딩상태

3. 에러

useEffect 컴포넌트가 렌더링되는 시점에 요청을 시작

 

'개발이 좋아서 > React가 좋아서' 카테고리의 다른 글

react - 싱글페이지 애플리케이션(복습)(useState, useReducer, useContext)  (0) 2022.06.29
react - 중첩라우팅  (0) 2022.06.28
react - 리액트 라우터  (0) 2022.06.28
react - context API  (0) 2022.06.27
react - useReducer  (0) 2022.06.24

    티스토리툴바