개발새발로그

  • 홈
  • 태그
  • 방명록

성능향상 1

[REACT] React.memo 사용하는 방법(성능 향상)

React.memo는 무엇일까? : 고차 컴포넌트(Higher Order Component)를 말하며 컴포넌트를 렌더링하지 않고 마지막으로 렌더링된 결과를 재사용하는 작업을 수행하는 것 React.memo는 props의 변화에만 영향을 준다. 페이지의 Header를 components폴더에 분리하여 작성하였는데 의도와는 다르게 page가 서버와의 통신 작업을 수행하는 횟수만큼 Header를 불러오는 것을 발견했다. const Header = props => { const item = props.sharedItem console.log(item) return ( inthyes ) } export default Header 한 페이지에 접근하였는데 5번이나 헤더가 출력을 찍어낸다. 성능을 운운할 개발 단계가..

web/➡️Front 2023.08.01
이전
1
다음
더보기
프로필사진

개발새발로그

  • 분류 전체보기 (122)
    • AI (30)
      • 혼자공부하는머신러닝딥러닝 (17)
      • 딥러닝파이토치교과서 (5)
    • 보안 (4)
    • 알고리즘 (43)
    • 수학 (13)
    • 컴퓨터지식 (5)
    • web (21)
      • ⬅️Back (4)
      • ➡️Front (9)
    • 신호시스템 (1)
    • 기타 (5)

Tag

딥러닝 파이토치 교과서, 프로그래머스, 통계기초, 혼자공부하는머신러닝딥러닝, metacodem, 프로그래머스코딩테스트연습, 백준, DNN, 인공신경망, 코딩테스트, 머신러닝, 딥러닝, metacode, 메타코드엠, 통계, 메타코드, 머신러닝 알고리즘, 코딩기초트레이닝, 로지스틱회귀, 딥러닝 알고리즘,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바