DEVELOPMENT RECORD

  • 홈
  • 태그
  • 방명록

연산값 재사용 1

[React] useMemo를 사용하여 연산한 값 재사용하기

성능 최적화를 위하여 연산된 값을 useMemo라는 Hook을 사용하여 재사용하는 방법을 알아보자. useMemo의 첫번 째 파라미터에는 어떻게 연산할지 정의하는 함수를 넣어주면 되고 두번 째 파라미터에는 deps 배열을 넣어주면 되는데, 이 배열 안에 넣은 내용이 바뀌면 우리가 등록한 함수를 호출해서 값을 연산해주고 만약에 내용이 바뀌지 않았다면 이전에 연산한 값을 재사용하게 된다. import React, { useRef, useState, useMemo } from 'react'; import UserList from './UserList'; import CreateUser from './CreateUser'; function countActiveUsers(users) { console.log('활..

Development/React.js 2022.01.04
이전
1
다음
더보기
프로필사진

DEVELOPMENT RECORD

꾸준히 공부하며 기록하는 개발을 위한 블로그 입니다. https://github.com/moretz0921

  • 분류 전체보기 (168)
    • Development (166)
      • Html (15)
      • CSS & SCSS (31)
      • React.js (120)
    • Development Environment (0)

Tag

VUE, HTTP, 제이쿼리, Git, 자바스크립트, 라이브러리, 프로그래머스, Level1, moment.js, 태그정리, 퍼블리셔, 함수, react, npm, 타입스크립트, 리엑트, 알고리즘, 객체, DoM, javascript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바