Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- supabase 페이지네이션
- 스크롤이벤트
- Spring
- reactnative
- react
- 글또10기x코드트리
- generic
- array
- map
- 슬라이딩윈도우
- interface
- meatadata
- 이진탐색
- Filter
- 코드푸시
- supabase auth
- supabase authentication
- 타입스크립트
- code-push-standalone
- app.post
- 상속
- extends
- codepush
- async
- TS
- 페이지네이션
- set
- xlsx-js-style
- javascript
- Next.js
Archives
- Today
- Total
rhanziy
리액트 Hooks - useAxios 본문
Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다.
쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할땐 axios를 쓰는 편이라고 보면 된다
출처: https://inpa.tistory.com/entry/AXIOS-📚-설치-사용 [👨💻 Dev Scroll:티스토리]
axios를 이용해 영화정보 api사이트에서 데이터를 받아오는 hook을 짰다.
refetch 버튼 클릭 시 setTrigger가 발동되고 useEffect의 두번째인자에 trigger를 지정해 새로운 데이터를 받아오는 기능도 추가!
'React' 카테고리의 다른 글
| React - styled components 라이브러리 (0) | 2022.11.22 |
|---|---|
| React - 이미지 넣는 방법 3가지 (0) | 2022.11.22 |
| 리액트 - 함수형 프로그래밍 useConfirm (0) | 2022.05.18 |
| 리액트 Hooks - useTitle (0) | 2022.05.15 |
| 리액트 Hooks - useTabs(useState) ...🙄 (0) | 2022.05.10 |
Comments