컴포넌트 생명주기

• 생명주기 함수는 지금까지 실습에서 사용한 render() 함수를 포함하여 총 8종의 함수가 있습니다.
• 생명주기 함수는 리엑트 엔진에서 자동으로 호출합니다.
• 즉 개발자가 마음대로 호출 할 수 없습니다.
• 회색박스로 표시된 것이 생명주기 함수 입니다.

• 그림을 보면 컴포넌트 생성부터 생성완료 까지 4개의 생명주기 함수가 호출 됩니다.
• 이 과정을 생성과정 이라고 부릅니다.
• 이후 생성완료 부터 갱신 완료까지 5개의 생명주기 함수가 호출 됩니다.
• 이 과정을 갱신과정이라고 부릅니다.
• 이때 갱신 과정은 shouldComponentUpdate() 함수의 반환값에 따라 갱신과정이 생략 될 수 있습니다.
• 갱신 완료부터 솜려 완료 까지 1개의 생명주기 함수가 호출되며 이 과정을 소멸과정 이라고 부릅니다.

Constructor(props) function

• constructor() 함수는 '맨 처음 생성될 때 한번만 호출' 되며, 상태(state 또는 객체 변수)를 선언할 때 사용 됩니다.
• constructor() 함수를 정의할 때 항상 super() 함수를 가장 위에 호출해야 합니다.
• super() 함수에는 프로퍼티와 생명주기 상태 등을 초기화하는 중요한 과정을 포함하고 있기 때문입니다.

constructor(props) {
  super(props);
  // 이후 추가적인 state 데이터 혹은 변수를 선언합니다.
}

render() function

• render() 함수는 데이터가 변경되어 새 화면을 그려야 할 때 자동으로 호출되는 함수 입니다.
• render() 함수가 반환하는 JSX를 화면에 그려줍닌다.