웹용으로 빌드할 때는 알아두어야 할 몇 가지 아키텍처 스타일이 있습니다.
예를 들어 다중 페이지 애플리케이션 (MPA)이라고도 하는 '기존' 웹사이트는 사용자가 기본 탐색 요청을 통해 탐색하는 페이지의 모음입니다. 정적 사이트도 이러한 아키텍처 스타일의 좋은 예이며, 블로그나 마케팅 웹사이트와 같은 CMS 기반 웹사이트도 이러한 스타일의 예입니다.
그리고 '최신' 단일 페이지 애플리케이션 (SPA) 스타일이 있습니다. 이 스타일에서는 맨 처음 탐색 요청이 유일한 탐색 요청입니다. SPA 아키텍처는 초기 탐색 요청에서 서버 측 API가 제공하는 데이터로 채워진 최소한의 마크업을 제공하는 경향이 있습니다. 이 데이터는 이후의 모든 탐색에 대해 클라이언트 측 라우터에서 제공하는 클라이언트 렌더링 마크업으로 표시됩니다.
어떤 스타일을 선택하든 높은 안정성과 성능을 보장하려면 주어진 아키텍처를 올바른 서비스 워커 구현과 연결하는 것이 중요합니다. 서비스 워커의 개방형 설계(및 확장하여 Workbox)는 애셋 요청을 처리하는 방식에 많은 유연성을 제공하며 원하는 아키텍처 스타일에 기술을 맞춤화할 수 있습니다.
시작하기에 앞서 SPA에서 가장 잘 작동하는 서비스 워커를 빌드하는 데 필요한 사항을 살펴보겠습니다. 그런 다음, 초고속 렌더링을 제공하면서 브라우저의 기본 탐색 방식을 확장하는 패턴을 시도할 준비가 되면 다중 페이지 애플리케이션을 위한 스트리밍 서비스 워커 빌드 가이드를 확인하세요.