Link 코드를 참고하여 처음부터 직접 만들어보는 것을 추천합니다. Action // action.js // Action의 타입을 상수로 줘서 같은 타입명을 사용하지 못하도록 한다. const INCREASE = 'INCREASE'; const DECREASE = 'DECREASE'; const SET_COUNT = 'SET_COUNT'; const CHANGE_NAME = 'CHANGE_NAME'; export const increase = () => { return { type: INCREASE } } export const decrease = () => { return { type: DECREASE } } export const setCounter = (number) => { return { typ..

Before you learn ● React 문법(JSX) ● React State ● React Props Props Drilling 상위 컴포넌트의 State를 props를 통해 전달하고자 하는 컴포넌트로 전달하기 위해 그 사이는 props를 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 데이터를 전달하는 현상을 의미합니다. ● 단점 ○ 코드의 가독성이 나빠진다. ○ 코드의 유지보수가 힘들어진다. ○ state 변경 시 props 전달 과정에서 불필요하게 관여된 컴포넌트들 또한 리렌더링이 발생한다. (따라서, 웹성능에 악영향을 줄 수 있다.) Redux 상태 관리 라이브러리 Redux 3가지 원칙 ○ Single source of truth(신뢰할 수 있는 단일 출처) -> 데이터 무결성을 위해 동일..