오리너리의 개발 일지
close
프로필 사진

오리너리의 개발 일지

github: @orinery

  • 분류 전체보기 (14)
    • Study (14)
      • HTML (2)
      • CSS (2)
      • REACT (2)
      • JAVASCRIPT (1)
      • GIT & GITHUB (1)
      • PROJECTS (6)
    • Daily (0)
  • 홈
[REACT] useMemo와 React.memo의 차이점

[REACT] useMemo와 React.memo의 차이점

리액트 훅을 배우다보면 자연스럽게 알게되는 useMemo와 React.memo는 같은 'memo'라는 단어를 사용하는데다 최적화를 위해 사용하는 것이라, 괜히 헷갈렸던 차에 스스로 정리차 올려보는 글.useMemo와 React.memo는 둘 다 불필요한 연산과 리렌더링을 방지하는 최적화 기법이지만, 적용 대상과 방식이 다르다! 오늘은 두 개를 구분하여 적고 설명해보고자 한다.1. useMemo → 값 (연산 결과)를 캐싱" 이 연산, 다시 계산할 필요 있어? "특정 연산(예: 배열 필터링, 정렬, 무거운 계산)의 결과값을 메모이제이션해서, 불필요한 연산을 방지하는 역할.의존성 배열의 값이 바뀌지 않으면 이전 값을 재사용.useMemo의 종류는 'hook'사용 예시 import { useState, use..

  • format_list_bulleted Study/REACT
  • · 2025. 3. 25.
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (14)
    • Study (14)
      • HTML (2)
      • CSS (2)
      • REACT (2)
      • JAVASCRIPT (1)
      • GIT & GITHUB (1)
      • PROJECTS (6)
    • Daily (0)
인기 글
전체 방문자
오늘
어제
Copyright © 오리너리 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바