Mac React 컴포넌트와 props 와 state에 대해 알아보자

컴포넌트

컴포넌트는 합성을 이용해서 여러개로 쪼개진 조각들을 합성하여 UI를 재사용 가능하게한다.  

UI를 띄우기 위해 화면에 컴포넌트는 Mounting 하고 Updating 하고 Unmounting 하는 프로세스가 진행이 되는데 개발자는 이런 life cycle 을 이해하고 재정의해서 컴포넌트를 제어한다.

 

 

props

컴포넌트는 props와 state로 속성이 나누어져 있다. props는 properties의 줄임말로  props은 컴포넌트의 mounting, updating 의 프로세스가 진행이 될 때 값이 할당되어 컴포넌트에 전달이 된다.  컴포넌트 내부에서 값을 변경할 수 없게 설계되어있다.

 

state

state는 props와는 다르게 컴포넌트 내부에서 선언하고 내부에서 값을 변경 할 수 있다. 동적인 데이터를 다룰 때 state를 이용한다.