react (2) 썸네일형 리스트형 axios 모듈화에 대한 이해 발단: 웹 개발을 하면서 계속해서 사용하게 될 axios 라이브러리에 대해, 효율적으로 모듈화하여 사용하는 방법을 제대로 이해하고 싶었다. 내용: 기존에 사용하던 방식 - src/api/index.js 파일에 path를 객체로 저장함 - 서버로 요청을 보낼 각 컴포넌트에서 axios를 임포트해서 try catch문으로 사용함 // src/api/index.js const URL = 'http://localhost:8080/api'; const USERS = '/user'; const DIARY = '/diary'; const api = { user: { signUp: () => URL + USERS + '/sign-up', findUserId: (email) => URL + USERS + `/find-i.. useState 객체 안의 boolean 값 변경 useState hooks를 사용해서 boolean인 state의 값을 변경할 때는 보통 다음과 같이 쓴다. const stateName = [state, setState] = useState(false); setState((prev) => !prev); 그런데 state의 값이 객체이고, 해당 객체의 특정한 boolean인 value에 대해 변경할 필요가 생겼다. 아래와 같이 해 준다. setDiaryInfo((prev) => ({ ...prev, subscribe: !{ ...prev }.subscribe, })); 끝. 이전 1 다음