Youngble_개발스토리

  • 홈
  • GitHub
  • 태그
  • 방명록

useEffect 1

[React] useEffect 2번 실행되는 이유

다음과 같이 useEffect를 사용하여 jQuery메서드 on 으로 해당 요소를 이벤트 등록을 해주었다. 그런데 해당 태그를 눌러 이벤트가 발생하면 2번이 실행돼서 왜이러지? 찾아보니깐 useEffect부분에서 두번 실행돼서 등록이 2번 되니 한번 클릭해도 두번의 이벤트가 발생하는 것이였다. 처음엔 랜더링이후 state값이 변하는게 있기때문에 한번더 했다라고 생각했는데, 해당 컴포넌트에서는 상태값을 쓰지도 않기때문에 이에 해당해서는 안되었다. 그래서 useEffect이 한번만 실행해야하는데 2번이 되는 이유를 찾아보니 index.js에서 strictMode가 존재하면 두번 랜더링된다고하는데 이 strictMode는 검사 도구라고 생각하면되고 개발 모드에서는 오류를 잘잡기위해 두번씩 렌더링을 한다고 한..

라이브러리&프레임워크/React 2022.07.09
1
더보기
  • 분류 전체보기 (231)
    • TIL (53)
    • 언어 (37)
      • 자바스크립트 (24)
      • 타입스크립트 (8)
      • 자바 (5)
    • 라이브러리&프레임워크 (24)
      • React (15)
      • Next.js (8)
      • Vue.js (0)
      • express.js (0)
      • Spring (1)
      • Spring Boot (0)
      • JPA (0)
    • 공부 (57)
      • 알고리즘&자료구조 (35)
      • CSS (3)
      • HTML (1)
      • Node.js (0)
      • 기타 (5)
      • 네트워크 (1)
      • CS (12)
      • DB (0)
    • 항해 (54)
      • 항해99 (54)
    • 짧은 생각 (0)
    • 기타 (2)
      • 독서 (1)
    • 자산가 (1)
      • 부동산 (1)

Tag

Arrow function, 웹개발, 자바스크립트, jsx, 스파르타코딩, ES6, 항해99, 프론트엔드, 리액트, this, 실행컨텍스트, 백엔드, 메서드, 콜백함수, 타입스크립트, 코어자바스크립트, typescript, js, 화살표함수, 취준,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 앞으로 공부 계획
  • 항해99 졸업
  • 현재 항해99 4기
  • 깃허브

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (231)
    • TIL (53)
    • 언어 (37)
      • 자바스크립트 (24)
      • 타입스크립트 (8)
      • 자바 (5)
    • 라이브러리&프레임워크 (24)
      • React (15)
      • Next.js (8)
      • Vue.js (0)
      • express.js (0)
      • Spring (1)
      • Spring Boot (0)
      • JPA (0)
    • 공부 (57)
      • 알고리즘&자료구조 (35)
      • CSS (3)
      • HTML (1)
      • Node.js (0)
      • 기타 (5)
      • 네트워크 (1)
      • CS (12)
      • DB (0)
    • 항해 (54)
      • 항해99 (54)
    • 짧은 생각 (0)
    • 기타 (2)
      • 독서 (1)
    • 자산가 (1)
      • 부동산 (1)

Tag

Arrow function, 웹개발, 자바스크립트, jsx, 스파르타코딩, ES6, 항해99, 프론트엔드, 리액트, this, 실행컨텍스트, 백엔드, 메서드, 콜백함수, 타입스크립트, 코어자바스크립트, typescript, js, 화살표함수, 취준,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 앞으로 공부 계획
  • 항해99 졸업
  • 현재 항해99 4기
  • 깃허브

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바