개발하자

Redux개념잡기1 - 스탑워치 만들기 Redux ? 노마드 코더의 tomato todo app 만들기 를 참고하여 정리한 정리노트 혼자 공부하며 이해한 내용을 정리한거라서 부족한 점이 많을 수 있습니다. 가감없는 피드백은 항상 감사합니다! source code: github 게시중 Redux가 필요한 이유 컴포넌트는 local state와 global state 를 갖고 있다. 글의 '좋아요’를 켜고 끄는 것은 local state, 로그인상태와 오프라인 상태가 global state의 대표적인 예. 이처럼 local state는 해당 컴포넌트에서만 알고있으면 되지만, global state는 모든 컴포넌트가 알고 있어야 한다. 즉, global state는 모든 컴포넌트에 공유될 수 있어야 하는데, 이러한 global shared state를 저장하는 것이 바로 Redux의 역할이다. Redux = State Container React의 경우 컴포넌트간에 state를 공유하기 위해서는 props로 전달해주어야 한다. 전달할 props가 많을수록, 컴포넌트의 깊이가 깊어질수록 이 과정에서 문제가 발생할 확률도 높고 매우 귀찮은 일… 이러한 불편을 해소해주는 단비가 바로 Redux이다. 하지만 Redux를 사용하기 위해서는 다소(?) 복잡한 작업을 해야하고 개념을 익혀야 하기 때문에, 복잡하지 않은 간단한 구조라면 그냥 props를 사용해 전달하는 것이 더 효율적이다. 그래도 앱이 커질수록 Redux와 같은 state 관리도구는 선택이 아닌 필수! Redux 예시 굳이 Redux가 필요하지 않은 경우 단순히 블로그에 글을 포스트 하고 보는 경우에는 Redux가 필요하지 않다. API를 불러와서 렌더링하면 끝! 하지만 Comment에 답글을 달고 싶을 때 문제가 발생한다. 답글을 달기 위해선 글을 쓰는 사람과 받는사람을 구분해야 한다. 이처럼 User를 호출한 최상위...