State와 Props에 대해 알아보고, 이를 사용하여 Counter 프로젝트를 진행해봅시다.


이번장에서는 컴포넌트 내부에서 선언하여 값을 변경할 수 있는 State와 자식 컴포넌트가 부모 컴포넌트에게서 받는 데이터인 Props에 대해 배우고, Counter를 만들어봄으로써 State와 Props가 실제로 어떻게 동작하는지, 어떻게 State를 조작하는지 알아봅시다. Counter 프로젝트에서는 증가, 감소 버튼을 통해 숫자 값을 바뀌게 만들어보겠습니다.

프로젝트 폴더는 아래 링크에서 확인할 수 있습니다.

https://github.com/ji5485/2019-LikeLion-React-Tutorial/tree/master/react-tutorial-4

목차

1. State in React

2. Props in React