본문 바로가기

min.js

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

  • 분류 전체보기 (6)
    • React (3)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록useEffect (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

티스토리툴바