SG의 개발 공부로그

API 모듈화 / src / api / todoAxio.js import Axios from "axios"; const axiosInstance = Axios.create({ baseURL: process.env.REACT_APP_TODO, timeout: 5000, }); Axios.create 로 생성한다. api를 불러올 url 주소는 노출방지를 위해서 .env 환경변수로 저장해서 넣어주었다. Axios interceptors 생성한 인스턴스를 인터셉터해서 처리되도록 한다. //요청 인터셉터 axiosInstance.interceptors.request.use( (config) => { //요청 보내기 전에 수행 로직 return config; }, (err) => { //요청 에러 시 수행 로직 ..

처음 react를 접했을 때 주변에서 리엑트 훅훅! 거리길래 훅이 뭐냐고 했다가 복싱 원투 훅 맞을 뻔했다. 농담이고 훅이 뭔지 알아볼거다. 복잡한거 싫으니 간단하게 HOOKS 이 뭔지 요약하면 간단 요약 Class형 방식의 컴포넌트 기능들을 Function형 컴포넌트에서 사용할 수 있도록 해준 기능들을 Hooks 라 하기로 했나보다. . 2019년도쯤에 추가된 공식 라이브러리이며, Class 형 컴포넌트에서만 쓸 수 있었던 state와 life cycle 등을 function 형 컴포넌트에서도 사용 가능하게 해 주었다. (고마워 페이스북 더 열일해 줘) React공식문서에서도 Class보다 function 형 컴포넌트를 권장하고 있다. 그래서 Class의 개념이 약한 사람도 react 에도 쉽게 입문할..