![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fl8bdQ%2FbtrB7NwyYvC%2FJtrVpFaxFxSGhsDoEAqOGK%2Fimg.jpg)
1. 작업 환경 사용한 라이브러리 redux ( npm add react-redux ) immer ( npm add immer ) 2. Presentational Component 프레젠테이셔널 컴포넌트 : 주로 props를 받아와 사용자에게 받아온 정보를 보여주는 컴포넌트 1) 카운터 Counter.js const Counter = ({ number, onIncrease, onDecrease }) => { return ( {number} +1 -1 ); }; export default Counter; 2) Todos.js const TodoItem = ({ todo, onToggle, onRemove }) => { return ( onToggle(todo.id)} checked={todo.done} r..