Notice
Recent Posts
Recent Comments
Link
- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- E-Book
- Vuetify
- Vue
- tailwindcss
- background-position
- react
- Hooks
- AWS AI
- componentDidUpdate
- window terminal
- default profile
- HTML
- npm
- 퍼블리싱
- windows-build-tools
- vue config
- background-image
- AWS Builders Online
- default path
- useEffect
- startingDirectory
Archives
목록react (1)
ZungTa Blog

예전에 React로 만들었던 토이프로젝트를 이번에 Hooks 스타일로 변경하는 작업을 시작했다. 순조롭게 변경 중이었는데 문제점이 생겼다. Class형에서 사용하던 componentDidUpdate를 Hooks에서는 useEffect를 사용한다고 공식문서에 나와있어서 진행을 하였는데 내가 예상했던 것과는 useEffect가 호출되는 부분이 달랐다. componentDidUpdate - Mount될 때에는 호출되지 않고 props나 state가 변경되어 컴포넌트가 업데이트 될 때에 호출됨. useEffect에서 useEffect(() => { // 작업 }, [value]); 이렇게 사용하면 Mount될 때에도 호출, 컴포넌트 업데이트될 때에도 호출됨. 내가 원하는 방식은 말 그대로 컴포넌트가 업데이트 되..
Dev/Web
2021. 3. 24. 14:28