리액트 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를 지정해 새로운 데이터를 받아오는 기능도 추가!