본문 바로가기 메뉴 바로가기

104%

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

104%

검색하기 폼
  • Web FrontEnd Developer (411)
    • Today I Learned (8)
    • Project Structure (4)
    • Electron (4)
    • Nest.js (3)
    • Node.js (2)
    • Next.js (1)
    • React (30)
    • Redux & Middleware (1)
    • Typescript (7)
    • Webpack (9)
    • Javascript (34)
    • HTML&CSS (13)
    • 자료구조 (11)
    • 알고리즘 (66)
    • 디자인패턴 (1)
    • Git (1)
    • 독후감 & 감상평 (9)
    • 프로젝트 (3)
      • Pickvs.com (2)
    • 컴퓨터 공학과 졸업 (200)
      • 안드 개발 기록 (21)
      • 블록체인 (8)
      • 기본 개념 (13)
      • JSP&Servlet (9)
      • 스프링 프로젝트 (17)
      • 무선 네트워크 (24)
      • 소켓 프로그래밍 (36)
      • 기본 개념2 (7)
      • 기타 (2)
      • 면접준비 (6)
      • 자바 (1)
      • 데이터베이스 (22)
      • 객체지향 (7)
      • 시스템프로그래밍 (3)
      • 운영체제 (20)
      • 안드로이드 Trouble Shooting (4)
    • 후기 및 일상 (0)
    • 운전 (0)
  • 방명록

useReducer (1)
useEffect 완벽가이드 - 3편

useEffect완벽가이드 2편 읽고오기 지난 포스팅에서는 useEffect에서 의존성배열에 올바른 변수를 명시해주지 않으면 어떤 문제가 발생하는지 살펴봤습니다. 이번 포스팅에서는 useEffect에 올바르게 의존성을 명시하는 방법에 대해서 살펴보겠습니다. useState의 함수형 업데이트 사용하기 useEffect(() => { const id = setInterval(() => { setCount(count + 1); }, 1000); return () => clearInterval(id); }, [count]); 이런식으로 코드를 작성할 경우 매 렌더링 마다 타이머가 초기화되고 다시 세팅되는 과정이 반복되어 비효율적이라고 말했었습니다. 이 코드를 아래와 같이 변경해봅시다. useEffect(() =..

React 2020. 4. 3. 16:59
이전 1 다음
이전 다음
공지사항
  • Email : simsimjae@naver.c⋯
  • BOJ : simsimjae
  • GitHub : www.github.com/s⋯
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • state
  • useRef
  • promise
  • design system
  • Polyfill
  • return type
  • storybook
  • async
  • reducer
  • computed
  • reactdom
  • webpack
  • await
  • Babel
  • reflow
  • typescript
  • Next.js
  • props
  • rendering scope
  • useEffect
  • Action
  • react
  • hydrate
  • react hooks
  • server side rendering
  • type alias
  • es6
  • javascript
  • atomic design
  • mobx
more
«   2026/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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바