기록하는 개발자

Error: Invalid hook call 위와같은 에러는 boardList 상태 관리를 위하여 react+typescript환경에 redux 적용 후 문제가 발생하였다. 구글링 결과 관련 해결 방법이 매우 많았지만 useDispatch에서 문제가 발생했던 나의 해결법을 써본다. 문제 발생 구간 : GetAlcohol.tsx GetAlcohol.tsx의 작동 방식 1. 게시판 url인 '/board'로 라우팅되면 서버에 boardlist를 받기위한 get요청을 보낸다. 2. 이때 url에 query parameter로 필터링 정보를 붙여 전달한다. 3. 정상적으로 get이 전송되면 redux의 action을 통해 boardList를 저장한다. 상태관리르 위해 redux를 적용하고 useSelector,..

나는 지금 Springboot+react환경에서 프론트엔드를 맡아 졸업 프로젝트를 진행 중이다. 전부터 프로젝트 진행 시 react에서 useState hook을 사용할 때, 하위 컴포넌트가 state를 사용하기 위해서는 해당 state가 쓰이지 않는 중간 컴포넌트에도 state를 전달해야하는 방식이 정말 비효율적이라는 생각이 들었다. 이 점을 해결하고자 검색해봤을 때, 이름만 알고 있었던 'Redux'가 바로 그 역할을 한다는 것을 깨달았다. 개발을 직접 해보니 왜 써야하는지 이유를 스스로 체감하게 되는 것 같다. Redux 1. store - 전역에서 state를 관리해주는 공간으로 객체 형태이다. 2. action - 상태 변화를 일으키는 주체이다. - 객체 형태이고 타입이라는 것이 필수로 들어간다..