아키텍처별로 다양한 서비스 워커 전략 사용
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
웹용으로 빌드할 때는 알아두어야 할 몇 가지 아키텍처 스타일이 있습니다.
예를 들어 다중 페이지 애플리케이션 (MPA)이라고도 하는 '기존' 웹사이트는 사용자가 기본 탐색 요청을 통해 탐색하는 페이지의 모음입니다. 정적 사이트도 이러한 아키텍처 스타일의 좋은 예이며, 블로그나 마케팅 웹사이트와 같은 CMS 기반 웹사이트도 이러한 스타일의 예입니다.
그리고 '최신' 단일 페이지 애플리케이션 (SPA) 스타일이 있습니다. 이 스타일에서는 맨 처음 탐색 요청이 유일한 탐색 요청입니다. SPA 아키텍처는 초기 탐색 요청에서 서버 측 API가 제공하는 데이터로 채워진 최소한의 마크업을 제공하는 경향이 있습니다. 이 데이터는 이후의 모든 탐색에 대해 클라이언트 측 라우터에서 제공하는 클라이언트 렌더링 마크업으로 표시됩니다.
어떤 스타일을 선택하든 높은 안정성과 성능을 보장하려면 주어진 아키텍처를 올바른 서비스 워커 구현과 연결하는 것이 중요합니다. 서비스 워커의 개방형 설계(및 확장하여 Workbox)는 애셋 요청을 처리하는 방식에 많은 유연성을 제공하며 원하는 아키텍처 스타일에 기술을 맞춤화할 수 있습니다.
시작하기에 앞서 SPA에서 가장 잘 작동하는 서비스 워커를 빌드하는 데 필요한 사항을 살펴보겠습니다. 그런 다음, 초고속 렌더링을 제공하면서 브라우저의 기본 탐색 방식을 확장하는 패턴을 시도할 준비가 되면 다중 페이지 애플리케이션을 위한 스트리밍 서비스 워커 빌드 가이드를 확인하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2021-10-20(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2021-10-20(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2021-10-20(UTC)"],[],[]]