본문 바로가기

min.js

검색하기
min.js
프로필사진 min.js

  • 분류 전체보기 (6)
    • React (3)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
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
  • typescript
  • FGT
  • useEffect
  • delete branch
  • react
  • reactStrictMode
  • Git
  • ts2322
  • event type
  • 게임용어
  • 깃 브랜치 삭제
  • 알파테스트
  • onchange
  • useRef에러
  • 로컬
  • MutableRefObject
  • OBT
  • 원격
  • reactjs
  • react에러
  • nextjs
  • changeEvent
  • console.log
  • 2번실행
  • StrictMode
  • KeyboardEvent
  • undefine
  • branch
  • onkeypress
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록StrictMode (1)

min.js

react useEffect 2번 실행되는 문제

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
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바