서비스 워커 기초
- 서비스 워커의 정의와 역할
- 웹 개발자가 서비스 워커를 알아야 하는 이유
- 오프라인 웹 경험 제공
- 성능 최적화 및 사용자 경험 향상
- 서비스 워커와 웹 워커의 차이점
- 3가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 자바스크립트 워커 스레드
- 프록시 역할
- 이벤트 기반 아키텍처
- 비동기적 특성
- HTTPS 필수 요구사항
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 브라우저 호환성
- 데스크톱 브라우저
- 모바일 브라우저
- 폴리필과 대체 방안
- 기능 감지 방법
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 서비스 워커 스크립트 작성
- 서비스 워커 등록 과정
- navigator.serviceWorker.register()
- 스코프 설정
- 설치 이벤트 처리
- install 이벤트
- skipWaiting() 메서드
- 디버깅 및 문제 해결
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 활성화 이벤트 처리
- activate 이벤트
- clients.claim() 메서드
- 서비스 워커 업데이트 메커니즘
- 자동 업데이트
- 수동 업데이트
- 버전 관리 전략
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 서비스 워커 상태 확인
- ServiceWorkerRegistration 객체
- ServiceWorker 객체
- 상태 변경 이벤트 처리
- 서비스 워커 제거 및 해제
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- Cache API 소개
- 캐시 스토리지 작업
- 캐시 열기
- 캐시에 응답 저장
- 캐시에서 응답 검색
- 캐시 항목 삭제
- 캐시 스토리지 관리
- 6가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 캐시 우선 전략 (Cache First)
- 네트워크 우선 전략 (Network First)
- 캐시 전용 전략 (Cache Only)
- 네트워크 전용 전략 (Network Only)
- 스테일-와일-리밸리데이트 전략 (Stale-While-Revalidate)
- 캐시 폴백 전략 (Cache Fallback)
- 적절한 전략 선택 방법
- 7가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- API 응답 캐싱
- 조건부 캐싱
- 캐시 만료 및 갱신
- 헤더 기반 캐싱 결정
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- Fetch 이벤트 소개
- 요청 가로채기
- 응답 생성 및 수정
- 조건부 응답 처리
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 웹 푸시 API 소개
- 푸시 서비스 구독
- 푸시 메시지 수신 및 처리
- 알림 표시 및 사용자 상호작용
- 6가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 백그라운드 동기화 API
- 동기화 이벤트 등록
- 오프라인 데이터 처리
- 재시도 메커니즘
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- PWA의 정의와 특징
- PWA의 핵심 구성 요소
- 서비스 워커
- 매니페스트 파일
- HTTPS
- PWA의 장점과 한계
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- Web App Manifest 소개
- 매니페스트 파일 구성
- 기본 정보 설정
- 아이콘 설정
- 디스플레이 모드
- 시작 URL 및 방향
- 홈 화면 설치 경험 최적화
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 오프라인 페이지 설계
- 오프라인 상태 감지
- 오프라인 데이터 저장 및 동기화
- 사용자 경험 최적화
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- 리소스 우선순위 지정
- 프리캐싱과 런타임 캐싱
- 네트워크 요청 최적화
- 성능 측정 및 모니터링
- 5가지 키워드로 정리하는 핵심 포인트
- 확인 문제
- HTTPS 요구사항
- 서비스 워커 스코프 제한
- 중요 데이터 처리
- 보안 모범 사례
- 4가지 키워드로 정리하는 핵심 포인트
- 확인 문제