[React] 6. 리액트의 생명주기(Life cycle)

일반적인 코딩에서 배우는 전역변수 지역변수의 생명주기가 아닌 React 에서 나오는 생명주기에 대해 작성하고 있습니다 .

Life cycle

생명주기에는

1. Mount (생성)
2. Update (변경)
3. Unmount (제거)

순으로 진행됩니다.

Mount

Mount는 화면이 처음 렌더링 되는 그 순간을 의미하는데 자세하게는 이런식으로 동작합니다.
코드가 실행되어 렌더링까지의 내용이며,
이 과정을 통해 리액트는 화면에 컴포넌트를 출력하고 있습니다.

Update

Update는 이름 그대로 변경 사항에 대하여 변경하는 내용으로 위와 같이 동작합니다.

즉 리렌더링을 의미하며 이 과정을 통해 리액트는 변경된 내용을 적용하여 출력합니다
(중간에 렌더링 할 지 하지 않을지 구분은 Ref , State 생각하시면 됩니다.)

Unmount

 

더 이상 사용되지 않는 경우 Unmount 되는 내용에 대한 관련 내용들을 다 제거시켜 생명주기를 끊게 되며, 

 

리소스를 최소화하게 해주는 역할을 해준다.