따뜻한 베지밀

  • 홈
  • 태그
  • 방명록

dependency 1

[React] react-hooks/exahaustive-deps lint를 깔끔하게 지켜보자

리액트 훅에서 종속에 관한 lint 경고 react-hooks/exahaustive-deps 가 있습니다. 개발을 하다가 보면 "이런 것도 넣어야 해?" 라는 생각에 의해서 넣지 않고 싶은데 노란 줄의 경고가 심히 거슬리는 경우가 종종 생깁니다. 경고가 거슬려서 배열에 종속을 추가했을 때, 무한 재렌더링 또는 원하지 않은 동작으로 끝나는 경우가 생깁니다. 그래서 이 종속을 안 넣는게 맞지 않나? 라는 생각을 할 수 있습니다. 그 외에도 자신이 생각했을 때 변하지 않는 정적인 값을 종속으로 넣지 않으려고 하거나, 아니면 생명주기 상으로 특정값일 때만 렌더링이 되는 것을 원해서, 혹은 다른 이유에 의해서 아래와 같이 사용하는 경우도 있습니다. useEffect(() => { setCount(count + 1..

Web/React 2022.03.28
1
더보기
프로필사진

  • 베지밀 (31)
    • 기타 (10)
      • 42서울 (6)
      • 우아한 테크러닝 4기 (4)
      • Mash-Up (0)
    • Web (17)
      • React (5)
      • techTalk (5)
      • Library (6)
      • Next (0)
      • Develop (0)
      • etc (1)
    • Algorithm (4)
      • 알고리즘_개념 (4)

Tag

react, exahaustive, 시험, Virtual DOM, 오픈소스, useEffect, 타입스크립트, Color.js, 5기1차, 테스트코드, Container Presenter, 42서울, 렌더링 최적화, 라피신, fiber, TypeScript, Rush, Browser work, 라이브러리, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바