본문 바로가기
개발 이모저모

코드 스플리팅에 대해..

by 코딩의 세계 2025. 5. 6.

https://velog.io/@velopert/react-code-splitting

코드 스플리팅에 대한 좋은 글이 있어서 나의 티스토리에 기록으로 남기면서 동시에 공유할 겸 이 글을 작성해 본다.

코드 스플리팅이 무엇인가?

우리가 자바스크립트로 애플리케이션을 개발하게 되면, 기본적으로는 하나의 파일에 모든 로직들이 들어가게 된다.

그럼, 프로젝트의 규모가 커질수록 자바스크립트 파일 용량도 커지게 된다.

용량이 커지면, 인터넷이 느린 환경에서는 페이지 로딩속도도 느려질 것.

코드 스플리팅을 하게 되면, 지금 당장 필요한 코드가 아니라면 따로 분리시켜서, 나중에 필요할 때 불러와서 사용할 수 있다.

이를 통하여, 페이지의 로딩 속도를 개선할 수 있다.

하는 방법

> 관련 링크

https://velog.io/@velopert/react-code-splitting

 

리액트 프로젝트 코드 스플리팅 정복하기

코드 스플리팅, 뭐 별거있나요? 그냥 웹팩에서 하라는대로 하면 되는걸요. 하지만! 리액트에서 코드 스플리팅이랑 서버사이드 렌더링을 함께 해보신 경험이 있으시다면, 이 두가지 작업을 함께

velog.io


https://velog.io/@k_ddaddi/%EC%BD%94%EB%93%9C-%EC%8A%A4%ED%94%8C%EB%A6%AC%ED%8C%85-Code-Splitting

 

코드 스플리팅 (Code Splitting)

코드 스플리팅이란? 코드 스플리팅은 웹 애플리케이션의 성능을 개선하기 위한 기법 중 하나로, 전체 애플리케이션을 작은 청크로 나누어 필요할 때마다 로드할 수 있도록 하는 방식이다.

velog.io