반응형
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 | 31 |
Tags
- 로컬
- OBT
- 게임용어
- delete branch
- onchange
- react
- reactStrictMode
- KeyboardEvent
- MutableRefObject
- 깃 브랜치 삭제
- undefine
- branch
- typescript
- ts2322
- StrictMode
- 2번실행
- useEffect
- useRef에러
- console.log
- nextjs
- FGT
- changeEvent
- reactjs
- useref
- onkeypress
- 원격
- 알파테스트
- react에러
- Git
- event type
Archives
- Today
- Total
목록useEffect (1)
min.js

react useEffect를 사용하는데 로그가 이상하게 두번씩 찍힌다.🤔 🤔 dependency array에 빈 배열만 넣어주게 되면 컴포넌트가 마운트 되었을 때만 실행된다. (마운트 되었다는 의미는, DOM 객체가 생성되고 브라우저에 해당 컴포넌트가 나타나는 것) 그 이후에 리렌더링 되어도 해당 로그는 찍히지 않는다. useEffect(() => { console.log('useEffect'); }, []); 처음 페이지 로딩 시, useEffect가 두번씩 찍혀서 찾아보니 next.config.js에서 reactStrictMode: false로 추가 또는 변경하니 이제 한 번만 찍히게 된다! const nextConfig = { reactStrictMode: false, }; 참고
React
2024. 1. 30. 14:00