wei3on 님의 블로그

  • 홈
  • 태그
  • 방명록

useCallback 1

React 최적화 Hook (React.memo / useCallback / useMemo)

최적화?성능 최적화를 왜 할까?-> 불필요한 렌더링을 방지하기 위해서소규모 프로젝트에서는 큰 손실이 없을지 모르지만 프로젝트가 커질수록쓸모없는 렌더링이 메모리를 사용해 속도를 느리게 만들것이고 사용자 경험에도 영향을 미치게 됨 개념"리액트의 최적화" = "렌더링을 최적화 하는것" 렌더링 개념리액트에서 컴포넌트가 렌더링을 언제 수행하나?1. Props가 변경될때2. State가 변경될때3. forceUpdate() 를 실행했을때4. 부모 컴포넌트가 렌더링 되었을때 자식 컴포넌트도 렌더링됨 *참고 :렌더링 과정에서 변수나 함수는 초기화 된다.   React.memo(), useCallback, usememo 모두 memoization 개념 사용? Memoization비용이 많이 드는 함수 호출의 결과를 저장..

📚 프론트엔드 공부 일지/REACT 2024.07.25
이전
1
다음
더보기
프로필사진

wei3on 님의 블로그

wei3on 님의 블로그 입니다.

  • 분류 전체보기 (37)
    • 📚 프론트엔드 공부 일지 (31)
      • HTML (0)
      • CSS (1)
      • JAVASCRIPT (5)
      • REACT (14)
      • TYPESCRIPT (3)
      • BUNDLER (5)
      • GITHUB (3)
    • 📃 프로젝트 (5)
    • 🧨 트러블 슈팅 (1)

Tag

React, webpack, 리액트, class함수, 프론트엔드 개발, 패스트캠퍼스, NPM, GIT, 자바스크립트, 부트캠프, bundler, 웹팩, 프론트엔드개발, 타입스크립트, 깃, 프론트엔드, 국비지원교육, javascript, node.js, 번들러,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바