react의 라이프사이클 메소드

2020. 11. 28. 15:43개발 관련 학습정리/Web Front-end

반응형

 

컴포넌트 생성

 

1. constructor : 생성자 메소드로 컴포넌트가 만들어 질 때 실행된다. 여기서 state를 정할 수 있다

2. componentWillMount : 컴포넌트가 DOM 위에 만들어지기 전 실행되는 메소드

3. render : 렌더링 담당 메서드

 

 

컴포넌트 생성 완료

 

4. componentDidMount : 렌더링을 다 마친후 실행되는 메소드로 프레임워크 연동, AJAX처리 등을 주로 넣는다.

 

 

Prop변화

 

5. componentWillReceiveProps : prop을 새로 받았을 때 실행되는 메소드

 

 

 

업데이트 처리

 

6. shouldComponentUpdate : prop 혹은 state가 변경 되었을 때, 리렌더링 여부를 정하는 메소드

7. componentWillUpdate : 컴포넌트가 업데이트하기 직전 실행

 

 

Props 변경 완료

 

8. componentDidUpdate : 컴포넌트가 리렌더링을 마친 후 실행

 

 

컴포넌트 제거

 

9. componentWillUnmount : 컴포넌트가 DOM에서 사라진 후 실행되는 메소드

 

 

반응형

'개발 관련 학습정리 > Web Front-end' 카테고리의 다른 글

CSR과 SSR  (0) 2020.11.28
Javascript의 타입  (0) 2020.11.27
REST API  (0) 2020.11.27
자바스크립트에서의 this는 무엇일까?  (0) 2020.11.25
호이스팅(Hoisting)과 클로저(Closure)  (0) 2020.11.25