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