Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 객체지향
- 코딩
- 내일배움카드
- bucket list
- 반응형
- redux
- React & Redux로 시작하는 웹 프로그래밍
- HTML
- 노마드코더
- 패스트캠퍼스
- K디지털기초역량훈련
- ENFJ포스팅
- 리액트
- ENFJ
- 무료리액트강의
- nomadcoders
- REACT강의
- JavaScript
- 바이트디그리
- 반응형 이메일
- 국비지원
- CSS
- 이메일 코딩
- class
- 버킷리스트
- 자바스크립트
- react
- free react course
- object-oriented programming
Archives
- Today
- Total
미미 공부/취미방
[노마드 코더] Component Life Cycle #3.2 본문
1) React Component가 하는 일 세가지
Mounting, Updating, Unmounting
2) Mounting
코드가 만들어지고 뿌려지는 함수들
- constructor() : 바닐라 자바스크립트에서 온 애(class를 이해해야됨)
- static getDerivedStateFromProps()
- render()
- componentDidMount()
3) Update
데이터(state)가 업데이트 될때 동작하는 함수들
- static getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
4) Unmounting
코드가 없어질때 동작하는 함수들 (페이지가 바뀔때 등)
- static getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
'Programming' 카테고리의 다른 글
탬플릿 없이 반응형 이메일 코딩 2/2부 (0) | 2021.11.27 |
---|---|
탬플릿 없이 반응형 이메일 코딩 1/2부 (0) | 2021.11.27 |
[노마드 코더] All you need to know about State #3.1 (0) | 2021.10.20 |
[노마드 코더] Class Components and State #3.0 (0) | 2021.10.16 |
[노마드 코더] Protection with PropTypes #2.4 (0) | 2021.10.16 |
Comments