더북(TheBook)

3.4 정리

 

이 장에서는 컴포넌트를 만들어서 내보내고 불러오는 방법과 props, state를 사용하는 방법을 익혔습니다. propsstate는 둘 다 컴포넌트에서 사용하거나 렌더링할 데이터들을 담고 있으므로 비슷해 보일 수도 있지만, 역할은 매우 다릅니다. props는 부모 컴포넌트가 설정하고, state는 컴포넌트 자체적으로 지닌 값으로 컴포넌트 내부에서 값을 업데이트합니다.

▲ 그림 3-17 props와 state 요약

 

props를 사용한다고 해서 값이 무조건 고정적인 것은 아닙니다. 부모 컴포넌트의 state를 자식 컴포넌트의 props로 전달하고, 자식 컴포넌트에서 특정 이벤트가 발생할 때 부모 컴포넌트의 메서드를 호출하면 props도 유동적으로 사용할 수 있습니다. 10장에서는 이런 구조로 예제 프로젝트를 설계할 것입니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.