redux (2) 썸네일형 리스트형 React의 Props Drilling과 상태관리 👾 Props Drilling이란? Props Drilling은 상위 컴포넌트의 state를 props를 통해 전달하고자 하는 컴포넌트로 전달하기 위해 그 사이는 props를 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 데이터를 전달하는 현상을 의미한다. 👾 Props Drilling의 문제점 • 코드의 가독성이 나빠진다. • 코드의 유지보수가 어렵게 된다. • state 변경 시 props 전달 과정에서 불필요하게 관여된 컴포넌트들 또한 리렌더링이 발생한다. → 웹 성능에 악영향을 줄 수 있다. 👾 Props Drilling을 방지하기 위한 방법 1. 컴포넌트와 관련 있는 state는 될 수 있으면 가까이 유지하는 방법 2. 상태관리 라이브러리를 사용하는 방법 → 상태관리 라이브러리를 사용하게 되면 .. Section3 Unit4 [React] 상태 관리 - 과제 Cmarket Redux Section3 Unit4 [React] 상태 관리 - 과제 Cmarket Redux ⭐️ 과제. Cmarket Redux ✔️ Bare Minimum Requirement ✅ Action, Reducer를 직접 작성하고 테스트 케이스를 통과합니다. ✏️ 과제 구현 📌 리덕스의 데이터 흐름 Action → Dispatch → Reducer → Store 1. 상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성 2. Action 객체는 Dispatch 함수의 인자로 전달 3. Dispatch 함수는 Action 객체를 Reducer 함수로 전달 4. Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 .. 이전 1 다음