Islands Architecture
아일랜드 아키텍처
정적 HTML 기반 페이지 내에서 상호작용이 필요한 독립적인 UI 컴포넌트(아일랜드)만 선별적으로 분리하여 클라이언트 사이드 자바스크립트를 로드하고 하이드레이션하는 모던 웹 아키텍처 패턴
실무 적용 및 상세 가이드
전체 페이지를 단일 SPA로 하이드레이션하는 전통적 방식 대비 브라우저 메인 스레드 차단 시간을 없애 TBT와 INP 성능을 비약적으로 개선하고 SEO 크롤링 효율 극대화 각 아일랜드 컴포넌트의 독립성을 유지하고, 아일랜드 간 상태 공유가 필요할 경우 전역 스토어 대신 경량 커스텀 이벤트나 nanostores 등의 마이크로 상태 관리 도구 활용 권장