기초 메모지

리덕스(Redux)를 사용하는 이유 리덕스는 상태(State) 관리를 용이하기 위해서 사용합니다. 미들웨어(Middleware)를 사용하는 이유 액션(Action)이 리듀서(Reducer)를 변화시키기 전 추가적인 작업을 위해서 사용합니다. 리듀서는 순수 함수로 작성해야하기 때문에 리듀서 내부에서 비동기 작업 등 순수 함수를 훼손하는 작업이 금지 됩니다. 미들웨어가 작업한 내용을 리듀서에 인자로 전달하면 리듀서는 매개 변수로만 새로운 상태를 반환하므로 순수 함수가 될 수 있습니다. 정리 미들웨어는 리듀서가 순수 함수(어떤 외부상태에 의존하지도 않고 변경하지도 않는, 부수효과가 없는 함수)를 유지하도록 비동기 등 순수 함수를 훼손하는 작업을 수행하여 전달하는 역할을 합니다.

리액트(React)에서 리덕스(Redux)를 사용하는 이유 State(상태)를 편리하게 관리 이용하기 위해서 입니다. 리액트(React)는 가상 돔(Virtual DOM)을 이용하므로 컴포넌트(Component == Function)들이 계층(Tree)으로 존재합니다. 속성(Props)는 일방적으로 상위 컴포넌트에서 하위 컴포넌트로 값을 전달합니다. 계층(Tree) 구조인 DOM 특성 상 최상위 노드에서 최하위 노드까지 접근하려면 경로상 모든 노드를 방문해야 합니다. index에서 Props로 TodoList 컴포넌트로 데이터를 전달하려면 index > App > Body > TodoList 순으로 접근해야합니다. 앞서 말씀 드렸지만 계층 구조이므로 index에서 TodoList로 바로 전달할 수는 없습..