dev_in 개발 블로그

  • 홈
  • 태그
  • 방명록

2026/01/29 1

리액트에서 성능 최적화(+ SPA, React.lazy, Suspense)

리액트에서는 성능 최적화를 위해 여러 가지 방법을 사용할 수 있습니다. 이번 글에서는 몇 가지 예시를 들어보도록 하겠습니다. 메모이제이션 리액트의 memo를 사용하여 컴포넌트를 메모이제이션할 수 있습니다. 이는 컴포넌트의 props가 변경되지 않았을 때, 리렌더링을 방지하여 성능을 최적화합니다. 이는 특히 렌더링 비용이 큰 컴포넌트에서 유용합니다. 또한 useCallback과 useMemo를 활용할 수도 있습니다. useCallback은 함수를 메모이제이션하여 불필요한 함수 재생성을 방지하고, useMemo는 값의 재계산을 방지하여 성능을 최적화합니다. 이를 통해 자식 컴포넌트로 전달되는 함수나 값이 변경되지 않으면 리렌더링을 피할 수 있습니다. 마지막으로 코드 스플리팅을 활용해볼 수 있습니다. 코드 스..

개발 관련 토막지식 2026.01.29
이전
1
다음
더보기
프로필사진

dev_in 개발 블로그

dev_in님의 개발 공부 블로그 입니다.

  • 분류 전체보기 (89)
    • 코딩 테스트 공부 (12)
    • 프로젝트 최종 회고록 (2)
    • 개발 관련 토막지식 (39)
    • 코드잇 중급 프로젝트 데일리 회고록 (9)
    • 코드잇 심화 프로젝트 회고록 (4)
    • 최종 프로젝트 리팩토링 (2)
    • 개인 프로젝트 MenuMate (21)

Tag

코딩 테스트, 배열, 리액트, 개발 팀프로젝트, 자바스크립트 메서드, 자바스크립트, 브라우저 환경, 무한 데이터 스트림 생성, 성능 최적화, props, 자바스크립트 문법, 자바스크립트 메소드, 웹, 메서드, auto batching, 프론트엔드, 개발공부, 개발관련 토막지식, 렌더링 관리, 정규 표현식,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

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

티스토리툴바