study_record

  • 홈
  • 태그
  • 방명록

2025/03/28 1

[React] 초기 로딩 속도가 느리다면? 성능 최적화!!

React 환경에서 성능을 개선하는 방법은 다양하게 있다.그 중 번들 크기를 감소시켜 초기 로딩 속도를 최적화 하는 방법 몇 가지를 자세하게 알아보자. 1. Tree Shaking사용되지 않는(dead) 코드를 제거하여 최종 번들 크기를 줄이는 기법이다.불필요한 코드를 제거해 번들 크기를 축소하고, 로딩 시간을 단축시키기 위해 사용한다. 1.1 사용 예시import _ from 'lodash'; // lodash 전체를 가져옴function MyComponent() { const arr = [1, 2, 3]; const newArr = _.shuffle(arr); // 실제로는 shuffle 함수만 필요 return {newArr.join(',')};}export defaul..

프론트엔드/React 2025.03.28
이전
1
다음
더보기
프로필사진

study_record

이전 블로그 https://velog.io/@ro_sie/posts

  • Study (241)
    • CS (25)
      • 네트워크 (2)
      • 컴퓨터구조 (9)
      • 운영체제 (4)
      • 자료구조 (0)
      • 소프트웨어 공학 (0)
    • 알고리즘 (7)
    • 프론트엔드 (29)
      • JavaScript (3)
      • React (17)
      • HTML (0)
      • CSS (1)
      • TypeScript (4)
      • NextJS (3)
    • PS (169)
      • 백준 (130)
      • 프로그래머스 (39)
    • Python (4)
    • Web (5)

Tag

백준, BOJ, hooks, 프로그래머스, 정렬, 파이썬, 에라토스테네스의 체, 이진 탐색, 이분 탐색, BFS, Python, programmers, 그리디, DP, 깊이 우선 탐색, CS, react, 다이나믹 프로그래밍, DFS, 너비 우선 탐색,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바