Code splitting을 쉽게 하기 위해 만든 grow-loader

LINE MANGA 팀의 자바스크립트 개발자가 서비스의 웹 성능 개선을 위해 도입한 code-splitting 전략과 이를 쉽게 적용하도록 돕는 오픈소스 프로젝트 grow-loader를 소개하는 글입니다. 서비스 규모가 커지면서 단일 번들로 빌드되는 자바스크립트 코드의 크기가 증가하는 문제를 해결하기 위해 code-splitting을 결정했습니다.

초기에는 react-loadable과 같은 HOC 솔루션을 시도했으나, 페이지 전환 속도 저하 및 프리로딩의 한계 등의 문제점을 발견했습니다. 이러한 문제점을 극복하고 code-splitting을 효율적으로 적용하기 위해 자체 개발한 grow-loader를 소개하며, 이 도구를 통해 개발 편의성과 사용자 경험을 동시에 개선할 수 있음을 강조합니다.