coding- w00se

  • 홈
  • 태그
  • 방명록

memo 1

[React] React - React.memo로 렌더링 최적화

렌더링을 최적화하기 위해서는 컴포넌트가 렌더링 되는 시점을 알아야 한다. 공식 문서에서 해당 내용을 찾아보고 싶었지만 아쉽게 찾지 못했고, 구글링을 통해 해답을 찾았다. React에서 컴포넌트가 리렌더링되는 시점은 크게 네 가지로 나뉜다. 1. 부모 컴포넌트가 리렌더링 될 때 2. props가 변할 때 3. state가 변할 때 4. forceUpdate가 호출될 때 위 네 가지 경우 중 1번은 불필요한 렌더링을 초래할 수 있다. 자세히 말하면 부모 컴포넌트에서 자식 컴포넌트로 전달되는 props에는 변화가 없는데, 부모 컴포넌트의 리렌더링으로 인해 자식 컴포넌트도 불필요하게 리렌더링 되는 경우다. 이런 경우를 방지하기 위한 방법으로는 자식 컴포넌트에 React.memo를 적용하는 것이다. React.m..

Frontend/React 2021.07.05
1
더보기
프로필사진

공부한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (103)
    • PS (47)
      • Python (46)
      • Mysql (1)
    • CS (1)
      • Web (1)
    • Programming (19)
      • JS (11)
      • TS (5)
      • Python (2)
    • Frontend (20)
      • React-Native (13)
      • React (4)
    • Test (2)
    • Data (0)
    • Project (2)
      • ATSAY (2)
    • Retrospect (8)

Tag

Animated, 코딩테스트, CYPRESS, BFS, 기초, programmers, webpack, javascript, plugin, 구현, typescript, 프로그래머스, 카카오, react, 너비 우선 탐색, baekjoon, python, React Native, 백준, 파이썬,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바