CORS로 인하여 proxy를 사용하여 CORS 정책을 우회하였지만 로컬에서는 제대로 데이터를 받아오는 걸 확인 후 배포한 사이트에는 api url 주소가 아닌 배포한 주소로 url로 변경되어 원하는 데이터를 받아오지 못하여 404 에러가 발생하였다.api 주소 htt

useEffect 는 컴포넌트들이 render 와 paint 된 후 실행됩니다. 비동기적(asynchronous) 으로 실행됩니다. paint 된 후 실행되기 때문에, useEffect 내부에 dom 에 영향을 주는 코드가 있을 경우 사용자 입장에서는 화면의 깜빡임을

useReducer 란 useReducer는 useState처럼 state를 생성하고 관리할 수 있게 해주는 도구이다. useReducer은 언제 사용하는게 좋은가 state의 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할 때 코드도 깔끔해지고 유지보수도 편

CRA에는 eslint가 내장되어있기에 eslint는 추가 설치할 필요가 없습니다. 따라서, eslint 추가 설정을 위한 패키지만 설치해주고 package.json의 devDependencies에 아래와 같이 추가가 되어있는지 확인하기팀 내의 공용 stylelint를