React.Component – React A JavaScript library for building user interfaces ko.reactjs.org state의 변경 사항을 대기열에 넣고, React에게 해당 컴포넌트와 그 자식들이 갱신된 state로 렌더링되어야 한다고 알린다. 즉각적인 렌더링이 발생하지 않을 수 있다! '명령'보다는 '요청'이라고 생각하라고 함. React는 성능을 위해 여러 컴포넌트의 수정 요청을 모아뒀다가 한 번에 갱신할 수도 있다고 함. 즉, React는 state의 변화가 즉시 적용되는 것을 보장하지 않는다. 상술한 이유에서 setState() 직후 실행하는 this.state 접근은 원하는대로 동작하지 않을 수 있다. 주로 UI 갱신에 사용된다.
React.Component – React A JavaScript library for building user interfaces ko.reactjs.org # 참고. 마운트시 컴포넌트 인스턴스 호출 순서 constructor() > getDerivedStateFromProps() > render() > componentDidMount() # 참고. 업데이트시 컴포넌트 렌더링을 위한 호출 순서 getDerivedStateFromProps() > shouldComponentUpdate() > render() > getSnapshotBeforeUpdate() > componentDidUpdate() 1. componentDidMount 컴포넌트가 트리에 삽입된 직후에 호출 용도 DOM 노드가 있어야 하는 ..
- Total
- Today
- Yesterday
- kotlin
- Database
- Node.js
- Gradle
- react
- ffmpeg
- eureka
- Puppeteer
- Spring Cloud Config
- terraform
- Vault
- JPA
- javascript
- jQuery
- AWS IoT
- Docker
- Java
- spring boot
- hashicorp
- IntelliJ
- AWS
- shell
- postgresql
- pgloader
- mysql
- Linux
- 코딩테스트
- dev
- Git
- etc
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |