로딩 썸네일형 리스트형 [React] 코드 스플리팅과 지연 로딩을 통한 초기 로딩 성능 개선 웹 애플리케이션의 규모가 커질수록 초기 로딩 시간도 함께 늘어나게 됩니다. 사용자들은 빠른 로딩 속도를 기대하기 때문에, 초기 로딩 성능을 개선하는 것은 매우 중요합니다. 이번 블로그에서는 React 애플리케이션의 초기 로딩 성능을 개선하기 위한 두 가지 핵심 기술인 코드 스플리팅(Code Splitting)과 지연 로딩(Lazy Loading)에 대해 알아보겠습니다.1. 코드 스플리팅이란?코드 스플리팅은 애플리케이션의 코드를 여러 개의 작은 번들로 나누는 기술입니다. 이를 통해 필요한 코드만 로드하고 실행할 수 있어, 초기 로딩 시간을 단축시킬 수 있습니다.왜 코드 스플리팅이 필요한가?일반적으로 React 애플리케이션을 빌드하면 모든 코드가 하나의 큰 JavaScript 파일(번들)로 만들어집니다. 이.. 더보기 이전 1 다음