Web/상태 관리
Redux 발 담가보기
📒 Redux란?React에서 주로 사용하며, 상태관리를 별도의 저장소에서 다룰 수 있는 라이브러리 📌 useState와 Redux의 차이📝 useState()의 경우단방향으로만 상태를 갱신할 수 있다.물론 당연히 props를 통해 상태 갱신 함수를 내려주면 되지만 좋은 방법은 아니라고 알고 있다. 📝 Redux의 경우모든 컴포넌트에서 Redux Store에 접근하여 상태를 가져오거나, reducers를 통해 상태를 갱신할 수 있다. 📌 Redux Store의 구성 요소`initialState`: 상태의 기본값`reducers`: 상태를 바꾸는 방법을 정의한 코드. reducers를 사용하지 않고서는 상태를 변경할 수 없다.`action` : reducers를 실행하는 함수 (dispatch라..
프론트엔드 상태관리
리액트 상태 관리를 어떻게 하냐에 따라 의미 없는 리렌더 등 성능 이슈가 생길 수 있고 어떤 상태 라이브러리를 쓰며 어떤 구조로 상태를 설계해서 다루냐에 따라서 유지보수 관점에서 코드의 라이프 사이클이 크게 짧아질 수도 길어 질 수도 있다. 상태 설계는 만드는 개발자마다 중요하게 생각하는 지점이 갈릴 수 도 있고 한번 설계되면 프로젝트를 새로 만들지 않는 이상 고치기가 쉽지 않아서 깊은 고려를 하고 시작해야 되는 부분이다. 전역 상태 라이브러리로 Redux가 여전히 대세로 쓰이고 있고 많은 프로젝트에서 전역 상태가 무분별하게 사용되고 있다. 점차 전역 상태 라이브러리를 안쓰는 게 좋다는 흐름이 생기고 있고 리액트 팀에서는 Recoil을 만들어서 기존의 전역 상태 라이브러리를 대체 하려고 하고 있다. 리액..