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 |