| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |
- js promise
- javascript eventloop
- 순차리스트
- javascript destructuring
- es6 destructuring
- react class method bind
- react event bind
- 크롬 익스텐션 개발
- DOM API
- parcel
- react
- task queue
- javascript class method bind
- client side rendering
- JavaScript
- es6 promise
- Browser API
- javascript spread
- react lifecycle
- javascript arrow function
- 선형리스트
- es6 symbol
- es6 module
- #javascript #자바스크립트 완벽가이드 #자바스크립트 코뿔소
- server side rendering
- es7 async await
- web server vs was
- chrome extension development
- 자료구조
- js arrow function
- Today
- 49
- Total
- 400,421
목록react lifecycle (2)
비실이의 개발 성장기
getDerivedStateFromProps() 와 getSnapshotBeforeUpdate() 메서드는 React v16.3.0 에서 새로 추가된 lifecycle 메서드다. 새로 추가 된 getDerivedStateFromProps(), getSnapshotBeforeUpdate() 메서드와 deprecated 예정 인 componentWillMount(), componentWillUpdate(), componentWillReceiveProps() 메서드를 혼용하여 사용하면 warning이 발생하게 된다. componentWillMount(), componentWillUpdate(), componentWillReceiveProps() 에서 처리하던 로직은 getDerivedStateFromProps..
componentDidCatch() 함수 확인
React 릴리즈 버전이 16.4.x 버전까지 올랐다는 걸 React 공식페이지나 여러 기술블로그를 통해 알고 있었다. 하지만, 변경 된 사항들에 대해 글을 읽기만 했을 뿐 간단한 예를 만들어서 해보지는 않았다. 최근 이직 준비로 인한 시간이 생겨 변경 된 사항들을 직접 해보고 있다. 오늘은 React v16.0 에 새로 추가 된 componentDidCatch() 함수에 대해 알아보고 이 함수를 어떠한 경우 사용하면 좋을지에 대해 알아보려한다. React 프로젝트는 수 많은 UI 컴포넌트 트리로 구성되어 있다. 화면 렌더링이 시작되면 수 많은 UI 컴포넌트 들이 각자 역할에 맞게 수행되며 가장 마지막에 위치한 컴포넌트의 역할이 끝나면 페이지 렌더링이 완료된다. 만약 렌더링 도중 어떠한 컴포넌트에서 런타..