beomy

아래 그림과 같이 입력한 숫자를 더하는 counter을 redux를 사용하지 않고, redux를 사용하여, redux + react-redux를 사용하여 구현 한 3가지 코드를 비교하여 설명하겠습니다. create-react-app로 생성된 프로젝트로 진행 합니다. ([React.JS] CodePen, create-react-app으로 React.JS 개발하기 참고) 1. redux를 사용하지 않은 예제 Redux나 그 외의 모듈을 사용하지 않고, 순수 React만 사용하여 구현한 예제입니다. 컴포넌트 구조 컴포넌트 구조와, state 흐름은 아래 그림과 같습니다. Counter 컴포넌트는 계산된 값을 화면에 나타내는 컴포넌트 입니다. Option 컴포넌트는 계산할 값을 입력받는 컴포넌트 입니다. But..