- 클래스형 컴포넌트와 함수 컴포넌트의 특징 및 Hooks의 필요성에 대해 이해한다.
- props의 개념에 대해 한 문장으로 설명할 수 있다.
- state의 개념에 대해 한 문장으로 설명할 수 있다.
- useState 훅을 사용하여 React 컴포넌트의 상태를 관리할 수 있다.
- state를 이용해서 UI의 변경을 표현할 수 있다.
- 이벤트를 통해 state를 변경할 수 있다.
- props의 개념을 이용해 부모 요소의 state를 자식 요소에서 반영시킬 수 있다.
- props의 개념을 이용해 자식에서 일어난 이벤트로 부모의 state값을 바꿀 수 있다. (State 끌어올리기)
리액트 >> ui 라이브러리
Props & Event
props : properties(속성)
컴포넌트의 속성값
부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 “객체”
State & Event
state : 상태
컴포넌트 내부에서 가지고 있는 컴포넌트의 상대값
state는 화면의 보여줄 컴포넌트의 ui정보