TIL_210222 (Redux + 반성..ㅠ)

📝 오늘 한 일 / 배운 것

---

🖋 Redux를 통한 상태관리

기존에는 React로만 프로젝트를 진행했을 때, 상태를 전달하고 관리하기 매우 복잡했다. 이러한 복잡함을 해결해주기 위해 나온 Redux!

React에서는 UI요소 표현에 집중하고, Redux에서는 상태를 관리함으로써 기능별로 집중할 수 있게 되었다.

처음엔 이해가 하나도 되지 않았던 리덕스의 개념들이 주어진 스프린트 과제를 해결하면서 조금은? 이해가 된 듯하다.

 

🖋 포트폴리오 제작

포트폴리오를 미리 제작해보기 시작했다. 아직 진행한 프로젝트는 하나도 없지만..! 후에 포트폴리오를 제작함에 있어 수월한 진행을 위해서 또한, 현재 많이 부족하다고 느끼는 html, css에 대한 보강을 위해 시작했다. 들어갈 내용들을 찾아보니 현재 나의 기술, 언어 수준이 어느정도 되는 지 표기를 하려고 하는데 자신있게 '이 정도 수준에 도달했다!' 라고 당당하게 말하기 어려운 것 같다. 최근 블로깅, TIL도 전만큼 꾸준히 하지 않았는데, 이런 나를 반성하며 다시 꾸준히 공부하는 개발자가 되도록 노력해야겠다! 

 

🙏 기억할 것

---

Redux

🖋 Redux의 3가지 규칙

• 하나의 애플리케이션엔 하나의 스토어(상태 저장소)
• 상태는 읽기전용 (immutable)
• 변화를 일으키는 함수, 리듀서는 순수 함수

🖋 중요 개념

Action 객체는 Dispatch에게 전달되고, Dispatchsms Reducer를 호출해 새로운 State를 생성한다!

• Action - 상태 변화를 일으킬 때 참조하는 객체
• Dispatch - 액션을 Store에 전달
• Reducer - 상태를 변화시키는 로직이 있는 함수 => 현재 상태와 action을 이용해 다음 상태를 만들어 냄
• Store - 애플리케이션 상태 값들을 저장하는 보관소
• Subscribe - 스토어 값이 필요한 컴포넌트는 스토어를 구독 (계속 스토어를 본다는 의미)