프로그레시브 웹 애플리케이션
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
프로그레시브 웹 애플리케이션(PWA)은 웹 기술을 사용하여 구축되어 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 애플리케이션의 일종이다. 2007년 아이폰 출시 당시 HTML5 기반 웹 앱이 아이폰 앱의 표준이 될 것이라는 스티브 잡스의 발표 이후, 웹 기술의 발전과 함께 PWA 개념이 등장했다. PWA는 서비스 워커, 웹 앱 매니페스트 등의 기술을 활용하여 오프라인 지원, 푸시 알림, 홈 화면 추가 등 네이티브 앱과 유사한 기능을 제공하며, 크로스 플랫폼 개발을 용이하게 한다. 주요 브라우저에서 지원되며, 특히 트위터, 스타벅스, 핀터레스트 등에서 PWA를 통해 네이티브 앱 대비 향상된 성능과 사용자 경험을 입증했다. PWA는 앱 스토어 배포 없이 웹을 통해 제공되지만, 구글 플레이, 마이크로소프트 스토어, 삼성 갤럭시 스토어에서 지원되며, 애플 앱스토어는 PWA를 지원하지 않는다.
더 읽어볼만한 페이지
| 프로그레시브 웹 애플리케이션 | |
|---|---|
| 개요 | |
| 유형 | 단일 페이지 애플리케이션 |
| 개발자 | 스티브 잡스 (애플) |
| 최초 출시 | 2007년 |
| 상세 정보 | |
| 플랫폼 지원 | 모든 표준 준수 브라우저 (데스크톱 및 모바일 장치 포함) |
| 특징 | 오프라인 작동 푸시 알림 홈 화면에 추가 가능 |
| 기술 스택 | HTML CSS JavaScript 서비스 워커 |
| 추가 정보 | |
| 다른 이름 | 점진적 웹 앱 |
| 설명 | 웹 브라우저에서 실행되지만 일반 웹사이트와 유사한 사용자 경험을 제공하는 웹 애플리케이션의 한 유형이다. |
2. 역사
프로그레시브 웹 앱(PWA)은 2007년 아이폰 출시와 함께 스티브 잡스가 HTML5 기반 웹 앱을 아이폰 앱의 표준으로 삼겠다고 발표하면서 그 개념이 시작되었다.[99] 하지만, 개발자들의 불만으로 인해 앱 스토어 모델로 전환되었고, iOS 애플리케이션의 대다수는 앱 스토어로 이동했다.
2010년대 초, 반응형 웹 디자인과 HTML, CSS, JavaScript의 발전으로 웹 애플리케이션 개발이 더욱 쉬워졌다.[9] 2013년에는 모질라가 Firefox OS를 출시하여 웹 앱을 네이티브 앱처럼 실행하려는 시도를 했으나, 2016년에 개발이 종료되었다.[10]
2015년, 구글의 프랜시스 베리먼과 알렉스 러셀이 서비스 워커와 웹 앱 매니페스트를 활용하는 "프로그레시브 웹 앱"이라는 용어를 만들면서 PWA 개념이 정립되었다.[13] 이후 구글은 안드로이드용 PWA 개발을 적극적으로 추진했고, 2016년 파이어폭스, 2018년 마이크로소프트 엣지와 사파리가 서비스 워커를 지원하면서 PWA는 주요 브라우저에서 지원되기 시작했다.[15][16]
2019년에는 대부분의 데스크톱 브라우저에서 PWA가 지원되었으나, 2020년 데스크톱용 파이어폭스는 PWA 지원을 중단했다.[19]
2. 1. 초기 아이디어와 등장 배경 (2007년 ~ 2015년)
2007년 아이폰 런칭 당시 스티브 잡스는 Ajax 구조를 사용하여 HTML5로 개발된 웹 앱들이 아이폰 앱의 표준 포맷이 될 것이라고 발표하였다. 어떠한 SDK도 필요 없었으며 앱은 사파리 브라우저 엔진을 통해 장치에 완전히 연동될 것이었다.[99] 2007년 애플의 세계 개발자 회의에서 스티브 잡스는 아이폰이 "웹 2.0 인터넷 표준으로 생성된 응용 프로그램을 실행할 것"이라고 발표했다.[6] 소프트웨어 개발 키트(SDK)는 필요하지 않았으며, 앱은 사파리 브라우저 엔진을 통해 장치에 완전히 통합될 예정이었다.[7] 그러나, 이 모델은 App Store로 전환되었는데, 이는 좌절한 개발자를 달래기 위한 수단이었다.[8] 2007년 10월 잡스는 SDK가 다음 해에 출시될 것이라고 발표했다.[7] 그 결과, 애플은 웹 앱을 계속 지원했지만, iOS 애플리케이션의 대다수는 App Store로 이동했다.2010년대 초부터 동적 웹 페이지를 통해 웹 기술을 사용하여 대화형 웹 애플리케이션을 만들 수 있게 되었다. 반응형 웹 디자인과 이 디자인이 제공하는 화면 크기 유연성은 PWA 개발을 더욱 접근하기 쉽게 만들었다. HTML, CSS 및 JavaScript의 지속적인 개선으로 웹 애플리케이션은 더 높은 수준의 상호 작용을 통합할 수 있게 되었고, 웹사이트에서 네이티브와 유사한 경험이 가능하게 되었다.[9]
2013년, 모질라는 Firefox OS를 출시했다. 이는 모바일 장치에서 웹 앱을 네이티브 앱으로 실행하기 위한 오픈 소스 운영 체제로 의도되었다. Firefox OS는 HTML5로 작성된 Gaia라는 사용자 인터페이스와 함께 게코 렌더링 엔진을 기반으로 했다. Firefox OS의 개발은 2016년에 종료되었고,[10] 이 프로젝트는 2017년에 완전히 중단되었지만,[11] Firefox OS의 포크는 피처폰 플랫폼인 KaiOS의 기반으로 사용되었다.[12]
2. 2. 프로그레시브 웹 앱 개념의 정립 (2015년 ~ 현재)
2015년, 디자이너 프랜시스 베리먼과 구글 크롬 엔지니어 알렉스 러셀은 사용자들이 웹 앱을 기본 운영 체제(OS)에서 프로그레시브 웹 애플리케이션으로 업그레이드할 수 있도록 하는 서비스 워커 및 웹 앱 매니페스트를 포함하여 최신 브라우저에서 지원하는 새로운 기능을 활용하는 앱을 설명하기 위해 "프로그레시브 웹 앱"이라는 용어를 만들었다.[13] 그 후 구글은 안드로이드용 PWA 개발을 홍보하는 데 상당한 노력을 기울였다.[16][14] 파이어폭스는 2016년에 서비스 워커에 대한 지원을 도입했고, 마이크로소프트 엣지 및 사파리는 2018년에 뒤를 이어[15][16] 모든 주요 시스템에서 서비스 워커를 사용할 수 있게 되었다.2019년까지 PWA는 마이크로소프트 엣지(윈도우에서) 및 구글 크롬(윈도우, macOS, 크롬OS, 리눅스에서)을 포함한 대부분의 브라우저의 데스크톱 버전에서 지원되었다.
2020년 12월, 데스크톱용 파이어폭스는 PWA 구현을 중단했다(구체적으로, 실험적 기능으로 사용할 수 있었던 프로토타입 "전용 브라우저" 구성을 제거했다). 파이어폭스 아키텍트는 "우리가 보내고 싶은 신호는 PWA 지원이 데스크톱 파이어폭스에 곧 제공되지 않을 것이라는 점입니다."라고 언급했다.[19] 모질라는 여전히 안드로이드에서 PWA를 지원할 계획이다.[20]
3. 특징
프로그레시브 웹 앱(PWA)은 웹 표준을 준수하는 모든 브라우저에서 작동하도록 설계되어, 개발자가 네이티브 앱보다 쉽게 크로스 플랫폼 앱을 구축할 수 있도록 돕는다.[16] PWA는 점진적 향상 웹 개발 전략을 사용한다.
일부 PWA는 앱 셸 모델 아키텍처 방식을 사용하는데,[24] 이 모델에서 서비스 워커는 기본 사용자 인터페이스 또는 반응형 웹 디자인 웹 애플리케이션의 "셸"을 브라우저의 오프라인 캐시에 저장한다. 이를 통해 PWA는 웹 연결 없이도 네이티브와 유사한 사용 환경을 유지하고, 콘텐츠를 점진적, 동적으로 로드할 수 있는 ''초기 정적 프레임'', 레이아웃, 아키텍처를 제공하여 로딩 시간을 개선한다.[25]
3. 1. 기술적 기준
프로그레시브 웹 앱(PWA)으로 간주되어 브라우저에서 설치할 수 있는 사이트의 기술적 기준은 2016년 Russell에 의해 설명되었으며[26], 이후 업데이트되었다:[27][28]- 보안 출처에서 시작해야 한다. TLS를 통해 제공되며 활성 혼합 콘텐츠가 없어야 한다. 프로그레시브 웹 앱은 사용자 개인 정보 보호, 보안 및 콘텐츠 진위성을 보장하기 위해 HTTPS를 통해 제공되어야 한다.
- fetch 핸들러로 서비스 워커를 등록해야 한다. 프로그래시브 웹 앱은 서비스 워커를 사용하여 프로그래밍 가능한 콘텐츠 캐시를 생성해야 한다. 처음 사용 후 콘텐츠를 캐싱한 다음 더 이상 필요하지 않은 시기를 추측하기 위해 다양한 휴리스틱에 의존하는 일반 HTTP 웹 캐시와 달리, 프로그래밍 가능한 캐시는 처음 사용하기 ''전에'' 콘텐츠를 명시적으로 미리 가져오고 더 이상 필요하지 않을 때 명시적으로 폐기할 수 있다.[29] 이 요구 사항은 페이지를 오프라인 또는 저품질 네트워크에서 액세스할 수 있도록 돕는다.
- 웹 앱 매니페스트를 참조해야 한다. 매니페스트는 최소한 `name` 또는 `short_name`, `start_url` 및 `display`(값이 `standalone`, `fullscreen` 또는 `minimal-ui`), `icons`(192 px 및 512 px 버전)의 5가지 주요 속성을 포함해야 한다. 매니페스트에 포함된 정보는 PWA를 URL을 통해 쉽게 공유하고, 검색 엔진에서 검색할 수 있도록 하며, 복잡한 설치 절차를 완화한다(그러나 PWA는 타사 앱 스토어에 나열될 수도 있다).[30] 또한 PWA는 홈 화면에 추가, 스플래시 화면 표시 등을 포함하여 네이티브 앱 스타일의 상호 작용 및 탐색을 지원한다.
웹 앱 매니페스트[34]는 월드 와이드 웹 컨소시엄(W3C)에서 정의한 사양으로, 개발자에게 웹 애플리케이션과 관련된 메타데이터를 저장할 수 있는 중앙 집중식 공간을 제공하기 위해 JSON 기반 매니페스트(일반적으로 manifest.json으로 레이블링됨)[30]를 사용한다. 여기에는 다음이 포함된다.
- 웹 애플리케이션의 이름
- 웹 앱 아이콘 또는 이미지 객체에 대한 링크
- 웹 앱을 실행하거나 열 때 선호하는 URL
- 웹 앱 구성 데이터
- 웹 앱의 기본 방향
- 표시 모드 설정 옵션(예: 전체 화면)
3. 2. 앱 셸 모델
일부 프로그레시브 웹 앱(PWA)은 앱 셸 모델이라는 아키텍처 방식을 사용한다.[24] 이 모델에서 서비스 워커는 기본 사용자 인터페이스 또는 반응형 웹 디자인 웹 애플리케이션의 "셸"을 브라우저의 오프라인 캐시에 저장한다. 이 모델을 사용하면 PWA가 웹 연결 없이도 네이티브와 유사한 사용 환경을 유지할 수 있다. 이를 통해 로딩 시간을 개선할 수 있는데, 이는 내용이 점진적으로 그리고 동적으로 로드될 수 있는 ''초기 정적 프레임'', 레이아웃 또는 아키텍처를 제공하기 때문이다.[25]3. 3. 점진적 향상
프로그레시브 웹 앱(PWA)은 점진적 향상 웹 개발 전략을 사용한다.[16] 이 전략은 PWA가 적절한 웹 표준을 준수하는 모든 브라우저에서 작동하도록 돕는다. 다른 크로스 플랫폼 솔루션과 마찬가지로, 개발자가 네이티브 앱보다 더 쉽게 크로스 플랫폼 앱을 구축할 수 있도록 하는 것이 목표이다.[69]4. 주요 기술
프로그레시브 웹 앱(PWA)은 웹 기술을 사용하여 만들지만, 오프라인 작동 및 기기 홈 화면 추가 기능을 위해 서비스 워커와 웹 앱 매니페스트를 필수로 사용한다.[31][32][33][87][88][89]
이 외에도 웹 스토리지나 Indexed Database API를 통해 데이터를 저장하고, WebAssembly를 사용하여 미리 컴파일된 코드를 빠르게 실행할 수 있다.[38]
4. 1. 서비스 워커 (Service Workers)
서비스 워커는 메인 문서에서 웹/HTTP 요청에 응답할 수 있는 프로그래밍 가능한 네트워크 프록시를 구현하는 웹 워커이다. 원격 서버의 가용성을 확인하고, 해당 서버를 사용할 수 있을 때 콘텐츠를 캐싱하며, 나중에 해당 콘텐츠를 문서에 제공할 수 있다. 서비스 워커는 다른 웹 워커와 마찬가지로 메인 문서 컨텍스트와 별도로 작동한다. 서비스 워커는 푸시 알림을 처리하고 백그라운드에서 데이터를 동기화하며, 리소스 요청을 캐시하거나 검색하고, 네트워크 요청을 가로채고, 심지어 해당 문서가 로드되지 않은 경우에도 해당 서비스를 등록한 문서와는 별도로 중앙 집중식 업데이트를 받을 수 있다.[37]서비스 워커는 등록, 설치 및 활성화의 3단계 수명 주기를 거친다. 등록에는 설치를 준비하기 위해 브라우저에 서비스 워커의 위치를 알리는 과정이 포함된다. 설치는 웹 앱에 대한 서비스 워커가 브라우저에 설치되어 있지 않거나 서비스 워커에 대한 업데이트가 있는 경우에 발생한다. 활성화는 모든 PWA 페이지가 닫혀 이전 버전과 업데이트된 버전 간에 충돌이 없을 때 발생한다. 이 수명 주기는 또한 도메인에 대해 단일 서비스 워커만 활성화될 수 있으므로 서비스 워커 버전을 전환할 때 일관성을 유지하는 데 도움이 된다.[37]
4. 2. 웹 앱 매니페스트 (Web App Manifest)
월드 와이드 웹 컨소시엄(W3C)에서 정의한 웹 앱 매니페스트[34]는 개발자가 웹 애플리케이션 관련 메타데이터를 JSON 기반 매니페스트(보통 manifest.json)에 저장할 수 있게 해준다.[30] 이 메타데이터는 앱을 홈 화면에 추가하거나 네이티브 앱과 함께 표시할 때 중요하며, 다음 정보를 포함한다.- 웹 애플리케이션 이름
- 웹 앱 아이콘 또는 이미지 객체 링크
- 웹 앱 실행 또는 열 때 선호하는 URL
- 웹 앱 구성 데이터
- 웹 앱 기본 방향
- 전체 화면 등 표시 모드 설정 옵션
iOS의 사파리는 매니페스트를 부분적으로 구현하며, 대부분의 PWA 메타데이터는 애플 고유의 메타 태그 확장을 통해 정의할 수 있다.[35][36] 이 태그를 통해 개발자는 전체 화면 표시를 활성화하고, 아이콘과 시작 화면을 정의하며, 애플리케이션 이름을 지정할 수 있다.[92][93]
4. 3. WebAssembly (웹어셈블리)
WebAssembly는 웹 브라우저에서 미리 컴파일된 코드를 거의 네이티브 속도로 실행할 수 있게 해준다.[38] 따라서 C와 같은 언어로 작성된 라이브러리를 웹 앱에 추가할 수 있다. WebAssembly는 2015년에 발표되어 2017년 3월에 처음 출시되었고, 2019년 12월 5일에 W3C 권고안이 되었으며,[39][40][41] 2021년 ACM SIGPLAN으로부터 프로그래밍 언어 소프트웨어 상을 받았다.[42]4. 4. 데이터 저장
프로그레시브 웹 앱 실행 컨텍스트는 가능한 한 언제든지 언로드될 수 있으므로, 프로그레시브 웹 앱은 장기적인 내부 상태(사용자 데이터, 동적으로 로드된 애플리케이션 리소스)의 대부분을 다음 방식 중 하나로 저장해야 한다.- '''웹 스토리지''': 최신 브라우저에서 키-값 저장을 가능하게 하는 W3C 표준 API이다. 이 API는 `sessionStorage`(브라우저 세션 종료 시 삭제되는 세션 전용 스토리지) 및 `localStorage`(세션 간에 지속되는 스토리지)의 두 객체로 구성된다.[43]
- '''Indexed Database API''': 모든 주요 브라우저에서 사용할 수 있는 W3C 표준 데이터베이스 API이다. 이 API는 최신 브라우저에서 지원되며 JSON 객체 및 문자열로 표현 가능한 모든 구조의 저장을 가능하게 한다.[44] Indexed Database API는 이를 둘러싼 추가 구조를 제공하는 래퍼 라이브러리와 함께 사용할 수 있다.
5. 네이티브 앱과의 비교
PWA는 네이티브 앱에 비해 여러 장점을 가진다. 트위터는 2017년 네이티브 앱을 대체하는 PWA인 트위터 라이트(Twitter Lite)를 출시했는데, 트위터 라이트는 네이티브 앱 크기의 1~3%만을 차지했다.[83] 스타벅스 PWA는 iOS 앱보다 99.84% 더 작았다.[84]
포브스의 리뷰에 따르면 핀터레스트 PWA 사용자는 이전 모바일 웹사이트보다 사이트에서 40% 더 많은 시간을 보냈고, 광고 수익률은 44%, 핵심 참여도는 60% 증가했다.[85] 플립카트에서는 네이티브 앱을 제거한 고객의 60%가 PWA를 사용했다. 랑콤은 PWA를 통해 페이지 상호 작용 시간을 84% 단축하고, 전환율을 17% 증가시켰으며, 모바일 세션을 53% 늘렸다.[86]
5. 1. 성능 및 사용자 경험
트위터는 2017년에 공식 안드로이드 및 iOS 앱을 대체하는 PWA인 트위터 라이트(Twitter Lite)를 출시했다. 트위터에 따르면 트위터 라이트는 네이티브 앱 크기의 1~3%만 차지했다.[45] 스타벅스는 iOS 앱보다 99.84% 작은 PWA를 제공한다. PWA 배포 후 스타벅스는 온라인 주문 건수를 두 배로 늘렸으며, 데스크톱 사용자의 주문율은 모바일 앱 사용자와 거의 같았다.[46]포브스가 2018년에 발표한 리뷰에 따르면, 핀터레스트의 PWA 사용자는 이전 모바일 웹사이트보다 사이트에서 40% 더 많은 시간을 보냈다. 광고 수익률도 44% 증가했고, 핵심 참여도는 60% 증가했다.[47] 플립카트에서는 네이티브 앱을 삭제한 고객의 60%가 Flipkart PWA를 사용하게 되었다. 랑콤은 PWA를 통해 페이지가 상호 작용하는 데 걸리는 시간이 84% 단축되었고, 전환율이 17% 증가했으며, iOS에서 모바일 세션이 53% 증가했다.[48]
5. 2. 개발 및 배포
트위터는 2017년에 공식 안드로이드 및 iOS 앱을 대체하는 PWA인 Twitter Lite를 출시했다. 트위터에 따르면 Twitter Lite는 네이티브 앱 크기의 1~3%만 소비했다[83]. 스타벅스는 동등한 iOS 앱보다 99.84% 작은 PWA를 제공하고 있다. PWA 배포 후 스타벅스의 온라인 주문 건수는 2배로 증가했고, 데스크톱 사용자의 주문률은 모바일 앱 사용자의 주문률과 거의 동일해졌다[84].2018년 포브스가 발표한 리뷰에 따르면, 핀터레스트 PWA 사용자는 이전 모바일 웹사이트에 비해 사이트에서 40% 더 많은 시간을 보낸 것으로 나타났다. 광고 수익률도 44% 증가했으며, 핵심 참여도는 60% 증가했다[85]. 플립카트에서는 네이티브 앱을 제거한 고객의 60%가 Flipkart PWA를 사용하게 되었다. 랑콤에서는 iOS의 PWA로 페이지가 상호 작용하는 데 걸리는 시간이 84% 단축되었고, 전환율이 17% 증가했으며, 모바일 세션이 53% 증가했다[86].
6. 앱 스토어 배포
PWA는 플랫폼별로 별도의 번들링이나 배포가 필요 없고, 웹을 통해 사용자에게 제공되므로 개발자가 애플 앱스토어, 구글 플레이, 마이크로소프트 스토어, 삼성 갤럭시 스토어와 같은 디지털 유통 시스템을 통해 배포할 필요가 없다. 주요 앱 스토어는 PWA 게시를 다양한 수준으로 지원한다.[2]
마이크로소프트 스토어는 빙 인덱싱을 통해 PWA를 발견한 후, 앱 제작자의 요청 없이도 자격을 갖춘 일부 PWA를 자동으로 게시한다.[50]
PWA 지원 현황은 아래 표와 같다.
7. 브라우저 지원 현황
| 브라우저 | 지원 | 설명 | ||||
|---|---|---|---|---|---|---|
| 윈도우 | macOS | 리눅스 | 안드로이드 | iOS 및 아이패드OS | ||
| 크로미움 기반 | 예 | 예 | 예 | 예 | 구글 크롬, 마이크로소프트 엣지[17], 브레이브, 오페라, 비발디[21] 및 기타 포함. | |
| 파이어폭스 | 아니요[19] | 아니요[19] | 아니요[19] | 부분 지원 | 아니요 | 파생 브라우저인 Floorp는 Windows에서만 실험적으로 지원[56]。 |
| 사파리 | 부분 지원[22] | 부분 지원[23] |
참조
[1]
웹사이트
What are Progressive Web Apps? PWA Guide for Beginners
https://www.freecode[...]
2024-01-18
[2]
웹사이트
Progressive Web Apps {{!}} Software AG
https://techradar.so[...]
2020-09-25
[3]
서적
Mastering Front-end development
https://books.google[...]
Cybellium Ltd
[4]
웹사이트
Can I use pwa?
https://caniuse.com/[...]
2021-01-27
[5]
웹사이트
Is Service Worker Ready?
https://jakearchibal[...]
Jake Archibald
[6]
웹사이트
iPhone to Support Third-Party Web 2.0 Applications
https://www.apple.co[...]
2007-06-11
[7]
웹사이트
App Store Year Zero: Unsweet web apps drove iPhone to an SDK
https://www.imore.co[...]
2018-03-05
[8]
웹사이트
Jobs' original vision for the iPhone: No third-party native apps
https://9to5mac.com/[...]
2011-10-21
[9]
웹사이트
Responsive Web Design
http://alistapart.co[...]
2010-05-25
[10]
웹사이트
Mozilla ends commercial Firefox OS development - gHacks Tech News
https://www.ghacks.n[...]
2016-09-27
[11]
웹사이트
Mozilla is stopping all commercial development on Firefox OS
https://www.pcworld.[...]
2016-09-28
[12]
웹사이트
KaiOS, a feature phone platform built on the ashes of Firefox OS, adds Facebook, Twitter and Google apps
https://techcrunch.c[...]
2018-02-26
[13]
웹사이트
Progressive Web Apps: Escaping Tabs Without Losing Our Soul
https://infrequently[...]
2015-06-15
[14]
웹사이트
Progressive Web Apps Are Here and They're Changing Everything
https://www.degdigit[...]
2018-04-17
[15]
웹사이트
Can I use... Support tables for HTML5, CSS3, etc
https://caniuse.com/[...]
2021-05-16
[16]
웹사이트
Apple goes back to the future with web apps
https://www.computer[...]
2018-01-26
[17]
웹사이트
Progressive Web Apps on Windows overview
https://docs.microso[...]
2021-03-13
[18]
웹사이트
Progressive Web Apps on Desktop
https://developers.g[...]
2019-06-04
[19]
웹사이트
Firefox just walked away from a key piece of the open web
https://www.fastcomp[...]
2021-01-26
[20]
웹사이트
Comment
https://www.reddit.c[...]
2020-12-19
[21]
웹사이트
Get your PWA on
https://vivaldi.com/[...]
2021-10-07
[22]
웹사이트
News from WWDC23: WebKit Features in Safari 17 beta
https://webkit.org/b[...]
2023-06-06
[23]
웹사이트
WebKit Features in Safari 16.4
https://webkit.org/b[...]
2023-03-27
[24]
웹사이트
The App Shell Model
https://developers.g[...]
[25]
웹사이트
The App Shell Model {{!}} Web Fundamentals
https://developers.g[...]
[26]
웹사이트
What, Exactly, Makes a Progressive Web App
https://infrequently[...]
2016-10-18
[27]
웹사이트
What does it take to be installable?
https://web.dev/inst[...]
2021-05-19
[28]
웹사이트
Progressive Web App
https://developers.g[...]
2015-06-15
[29]
웹사이트
Service worker caching and HTTP caching
https://web.dev/serv[...]
2021-05-19
[30]
간행물
"Web App Manifest", Working Draft
https://www.w3.org/T[...]
W3C
2016-09-12
[31]
웹사이트
Discoverable
https://developer.mo[...]
2017-04-24
[32]
웹사이트
Network independent
https://developer.mo[...]
2017-04-24
[33]
웹사이트
Instant Loading Web Apps with an Application Shell Architecture
https://developers.g[...]
2017-04-24
[34]
웹사이트
Web Manifest Docs on MDN
https://developer.mo[...]
[35]
웹사이트
What's new on iOS 12.2 for Progressive Web Apps
https://medium.com/@[...]
2019-03-27
[36]
웹사이트
Configuring Web Applications
https://developer.ap[...]
[37]
웹사이트
Introduction to Service Worker
https://developers.g[...]
2019-05-01
[38]
웹사이트
WebAssembly Concepts
https://developer.mo[...]
2018-08-14
[39]
웹사이트
WebAssembly Core Specification
https://www.w3.org/T[...]
2024-05-06
[40]
웹사이트
WebAssembly 1.0 Becomes a W3C Recommendation and the Fourth Language to Run Natively in Browsers
https://www.infoq.co[...]
2024-05-06
[41]
웹사이트
Home Nest
https://homenest.com[...]
2024-05-06
[42]
웹사이트
Programming Languages Software Award
https://www.sigplan.[...]
2024-05-06
[43]
웹사이트
Web Storage API
https://developer.mo[...]
2018-08-14
[44]
웹사이트
Concepts behind IndexedDB
https://developer.mo[...]
2018-08-14
[45]
웹사이트
Twitter's app is helping stop phones from strangling the web
https://www.cnet.com[...]
2020-07-30
[46]
웹사이트
12 Best Examples of Progressive Web Apps (PWAs) in 2021
https://www.simicart[...]
2021-02-22
[47]
웹사이트
A Pinterest Progressive Web App Performance Case Study
https://medium.com/d[...]
2017-11-30
[48]
웹사이트
Why Progressive Web Apps Will Replace Native Mobile Apps
https://www.forbes.c[...]
2018-03-09
[49]
웹사이트
Publish your Progressive Web App to the Microsoft Store - Microsoft Edge Development
https://docs.microso[...]
2021-05-16
[50]
웹사이트
The first batch of Windows 10 Progressive Web Apps is here
https://www.windowsc[...]
2021-05-16
[51]
웹사이트
プログレッシブウェブアプリ (PWA)
https://developer.mo[...]
Mozilla
2024-02-19
[52]
웹사이트
Progressive Web Apps
https://techradar.so[...]
2020-09-25
[53]
웹사이트
Can I use pwa?
https://caniuse.com/[...]
2021-01-27
[54]
웹사이트
Is Service Worker Ready?
https://jakearchibal[...]
Jake Archibald
2024-02-19
[55]
웹사이트
Get your PWA on
https://vivaldi.com/[...]
2021-10-11
[56]
웹사이트
Why Floorp has become the browser of my dreams
https://www.fastcomp[...]
2024-03-02
[57]
웹사이트
News from WWDC23: WebKit Features in Safari 17 beta
https://webkit.org/b[...]
2023-06-14
[58]
웹사이트
WebKit Features in Safari 16.4
https://webkit.org/b[...]
2023-06-14
[59]
웹사이트
iPhone to Support Third-Party Web 2.0 Applications
https://www.apple.co[...]
2024-02-19
[60]
웹사이트
App Store Year Zero: Unsweet web apps drove iPhone to an SDK
https://www.imore.co[...]
2018-03-05
[61]
웹사이트
Jobs' original vision for the iPhone: No third-party native apps
https://9to5mac.com/[...]
2011-10-21
[62]
웹사이트
Responsive Web Design
http://alistapart.co[...]
2010-05-25
[63]
웹사이트
Mozilla ends commercial Firefox OS development - gHacks Tech News
https://www.ghacks.n[...]
2016-09-27
[64]
웹사이트
Mozilla is stopping all commercial development on Firefox OS
https://www.pcworld.[...]
2016-09-28
[65]
웹사이트
KaiOS, a feature phone platform built on the ashes of Firefox OS, adds Facebook, Twitter and Google apps
https://social.techc[...]
2018-02-26
[66]
웹사이트
Progressive Web Apps: Escaping Tabs Without Losing Our Soul
https://infrequently[...]
2015-06-15
[67]
웹사이트
Progressive Web Apps Are Here and They're Changing Everything
https://www.degdigit[...]
2018-04-17
[68]
웹사이트
Can I use... Support tables for HTML5, CSS3, etc
https://caniuse.com/[...]
2021-05-16
[69]
웹사이트
Apple goes back to the future with web apps
https://www.computer[...]
2018-01-26
[70]
웹사이트
Progressive Web Apps on Windows overview
https://docs.microso[...]
2021-03-13
[71]
웹사이트
Progressive Web Apps on Desktop
https://developers.g[...]
2019-06-04
[72]
웹사이트
Firefox just walked away from a key piece of the open web
https://www.fastcomp[...]
2021-01-26
[73]
웹사이트
Comment
https://www.reddit.c[...]
2024-02-19
[74]
웹사이트
Publish your Progressive Web App to the Microsoft Store - Microsoft Edge Development
https://docs.microso[...]
2021-05-16
[75]
웹사이트
The first batch of Windows 10 Progressive Web Apps is here
https://www.windowsc[...]
2021-05-16
[76]
웹사이트
The App Shell Model
https://developers.g[...]
2024-02-19
[77]
웹사이트
The App Shell Model {{!}} Web Fundamentals
https://developers.g[...]
[78]
웹사이트
What, Exactly, Makes a Progressive Web App
https://infrequently[...]
2016-10-18
[79]
웹사이트
What does it take to be installable?
https://web.dev/inst[...]
2021-05-19
[80]
웹사이트
Progressive Web App
https://developers.g[...]
2015-06-15
[81]
웹사이트
Service worker caching and HTTP caching
https://web.dev/serv[...]
2021-05-19
[82]
간행물
"Web App Manifest", Working Draft
https://www.w3.org/T[...]
W3C
2016-09-12
[83]
웹사이트
Twitter's app is helping stop phones from strangling the web
https://www.cnet.com[...]
2023-02-11
[84]
웹사이트
12 Best Examples of Progressive Web Apps (PWAs) in 2021
https://www.simicart[...]
2021-05-16
[85]
웹사이트
A Pinterest Progressive Web App Performance Case Study
https://medium.com/d[...]
2023-02-10
[86]
웹사이트
Why Progressive Web Apps Will Replace Native Mobile Apps
https://www.forbes.c[...]
2023-02-10
[87]
웹사이트
Discoverable
https://developer.mo[...]
2017-04-24
[88]
웹사이트
Network independent
https://developer.mo[...]
2017-04-24
[89]
웹사이트
Instant Loading Web Apps with an Application Shell Architecture
https://developers.g[...]
2017-04-24
[90]
웹사이트
Web Manifest Docs on MDN
https://developer.mo[...]
2024-02-19
[91]
웹사이트
Apple confirms iOS 17.4 removes Home Screen web apps in the EU, here’s why
https://9to5mac.com/[...]
2024-02-16
[92]
웹사이트
What's new on iOS 12.2 for Progressive Web Apps
https://medium.com/@[...]
2024-02-19
[93]
웹사이트
Configuring Web Applications
https://developer.ap[...]
2024-02-19
[94]
웹사이트
WebAssembly Concepts
https://developer.mo[...]
2018-08-14
[95]
웹사이트
Web Storage API
https://developer.mo[...]
2018-08-14
[96]
웹사이트
Concepts behind IndexedDB
https://developer.mo[...]
2018-08-14
[97]
웹사이트
Introduction to Service Worker {{!}} Web
https://developers.g[...]
2019-05-01
[98]
웹인용
Progressive Web Apps Software AG
https://techradar.so[...]
2022-02-27
[99]
웹인용
App Store Year Zero: Unsweet web apps drove iPhone to an SDK
https://www.imore.co[...]
2018-03-05
본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.
문의하기 : help@durumis.com