반응형
constructor()
컴포넌트 생성 시점에 호출
constructor 함수는 생명주기 함수는 아니지만, 클래스형 컴포넌트가 생성될 시점에 호출되므로 생명주기에 포함.
render()
컴포넌트가 그려질 때 호출
componentDidMount()
컴포넌트가 처음 화면에 그려지면 호출
componentDidUpdate()
화면이 업데이트되면(새로 그려지면) 호출
componentWillUnmount()
컴포넌트가 사라질때 호출.
아래 diagram을 참고하시면 좀 더 이해하기가 좋을 것 같습니다.
https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
참고:
"Do it! 클론 코딩 영화 평점 웹서비스", 니꼴라스, 김형태 저 | 김형태 역 | 이지스퍼블리싱
반응형
'React' 카테고리의 다른 글
[프론트엔드 서버] Docker란? (0) | 2021.10.07 |
---|---|
[프론트엔드 서버] Amazon S3 + CloudFront에 대해 (0) | 2021.10.07 |
[env-cmd] next.js에서 각 환경에 맞는 환경변수 설정하기 (0) | 2021.09.27 |
[Next.js] ESLint, Prettier 설정하기 (Typescript/VSCode) (0) | 2021.09.13 |
[Next.js] 시작하기 (0) | 2021.09.09 |