Jinju's Development Blog

  • 홈
  • 태그
  • 방명록

useMemo 1

React.js - useMemo와 연산 최적화, React.memo와 컴포넌트 렌더링 최적화, useCallback과 함수 재생성 방지

아악~ 공부하기 정말 싫은 날이다. 진심 다걸고 하기 싫은 날이다. 그냥 이불 속에서 노곤대고 싶다. 공부하기 싫은대로 공부 안하고 그대로 흘려보내고 싶다. 날 이해해줘 아님 나만 이해할게... 🥹useMemo와 연산 최적화  웹 서비스의 최적화라고 하면, 서버의 응답속도를 개선한다든가 불필요한 네트워크 요청을 줄인다든가 하는 방법들이 있다. 그건 이제 큰 범위고.. 우리가 리액트를 통해서 할 수 있는 최적화는 다음과 같다.  이 중 우리가 먼저 볼 것은 첫 번째 항목, "컴포넌트 내부의 불필요한 연산 방지"이다. 이는 useMemo 훅을 통해서 가능하다. 필요한 연산을 메모이제이션 해놨다가, 리렌더링이 필요한 상태(state)가 변화할 때만 해당 연산을 실행하는 것이다. 해당 state는 의존성 배열..

프론트엔드/한 입 크기로 잘라먹는 리액트 2025.02.05
이전
1
다음
더보기
프로필사진

Jinju's Development Blog

쓰고 싶은 걸 써요

  • 분류 전체보기 (28)
    • 프론트엔드 (27)
      • 한 입 크기로 잘라먹는 리액트 (18)
      • UMC-8기 (2)
      • TAVE-15기 (5)
      • SURF (1)
      • SeriVoca (1)

Tag

useMemo, 등록형 팩토리, 내부 상태, cjs, 서버 컴포넌트, 클라이언트 컴포넌트, JavaScript, 앱 라우터, JS, useRef, useEffect, 플라이웨이트 패턴, STATE, React, useCallback, 외부 상태, 심플 팩토리, useReducer, 페이지 라우터, props,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
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 © AXZ Corp. All rights reserved.

티스토리툴바