log_J

  • 홈
  • 태그
  • 방명록

React.memo useMemo 1

[React] React.memo와 useMemo의 차이

💡 Memoization 이미 계산 해 본 연산 결과를 기억해, 재연산하지 않고 필요로 할 때 기억해둔 데이터를 반환하는 것을 말한다. 연산과정을 최적화 시킬 수 있다는 장점이 있다. 오늘 포스팅 할 React.memo와 useMemo는 모두 Memoization과 관련된 함수이다. 두 함수 모두 최적화 기능에 많이 사용된다. ✔ React의 리렌더링 조건 컴포넌트 내부의 state가 변경됐을 때 컴포넌트의 Props가 변경됐을 때 부모 컴포넌트가 리렌더링 됐을 때 리액트의 컴포넌트들은 위 세 가지 조건으로 리렌더링하게 된다. 그러나 세 가지 조건 모두 충족시키기엔 아주 쉬우며, 때때로 리렌더링이 불필요한 컴포넌트까지 실행시킨다. 혹은 너무 잦은 리렌더링으로 오래 걸리는 연산을 계속해서 반복해야하는 경우..

Frontend/React 2024.02.17
이전
1
다음
더보기
프로필사진

비전공자의 레벨업 코딩로그

  • 분류 전체보기 (45)
    • Frontend (26)
      • React (8)
      • Javascript (11)
      • JS Function (3)
      • Web (3)
      • Node.js (1)
    • Algorithms (3)
    • Backend (5)
      • SpringBoot (2)
      • Spring (1)
      • Spring Data JPA (1)
      • Web (1)
    • Programming Language (1)
      • Java (1)
    • IDE (1)
    • GIT (1)
    • CS (2)
    • Network (4)
    • 면접 (1)

Tag

단락회로평가, 자바스크립트, javascript fill, 객체 선언, 블록킹 논블록킹, 비원시타입, 배열구조분해, javascript, Mixed content에러, vercel 환경변수, array.find, vercel 배포, javascript 단락회로평가, short circuit evaluation, array.findIndex, react vercel 배포, React.memo useMemo, recoil persist, 객체구조분해, 자바스크립트 진수변환,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바