iframe 기반 레거시 SPA 구조에서 JavaScript 라이브러리 중복 로딩 개선하기
iframe 기반 레거시 SPA 구조는 여러 페이지를 iframe으로 불러오고 슬라이더 방식으로 화면을 전환해 하나의 앱처럼 보이게 만드는 구조다. 당시에는 WebView 또는 데스크톱 앱 환경에서 화면 전환을 구현하기 위한 현실적인 선택이었을 수 있다. 하지만 시간이 지나며 공통 파일에 무거운 JavaScript 라이브러리가 추가되면서 iframe마다 같은 리소스가 중복 로드되는 문제가 생길 수 있다. 이를 줄이기 위해 부모 창에서 라이브러리를 한 번만 로드하고 자식 iframe은 부모 창의 객체를 참조하는 방식으로 개선할 수 있다.