progressive web application2 4. 익스텐션 그 너머 - PWA: Progressive Web Application 2/2 지난 포스팅에서 PWA의 구조에 대해 살펴보았고 PWA의 기반이 되는 전통적인 웹 애플리케이션을 작성해보았다. 전통적인 웹 애플리케이션 구조에서는 웹 서버가 멈추면 더 이상 웹 애플리케이션을 이용할 수 없게 된다. 하지만 PWA 구조에서는 웹 서버가 멈추더라도 전체 기능까지는 아니더라도 사전에 정의한 수준까지 웹 서비스를 제공하게 할 수 있다. 이는 PWA에 포함되어 있는 서비스 워커가 웹 서버의 대리인(proxy) 역할을 함으로서 가능하다. 이전 포스팅 '익스텐션 그 너머 - PWA 1/2'에서 전통적인 웹 애플리케이션에 해당하는 아래 내용까지 작성하였다. 여기서 sw.js 파일이 서비스 워커 스크립트지만 그 내용을 작성하지는 않았었다. 이 sw.js 파일을 작성해보자. const CACHE_NAME .. 2024. 3. 27. 4. 익스텐션 그 너머 - PWA: Progressive Web Application 1/2 총 3부에 걸쳐 크롬 익스텐션의 구조와 제작 방법에 대해 살펴보았다. 마지막으로 Progressive Web Application(PWA) 개념에 대해 살펴보고 브라우저 익스텐션에 대한 포스팅의 대단원(?)의 막을 내리려 한다. 웹 서비스는 서비스를 제공하는 서버에 연결(connect)되어 있을 때에만 서비스를 제공받을 수 있다. 이에 반해 PWA는 서버와 연결되어 있지 않은 상태에서도 최소한의 서비스를 제공받을 수 있도록 만들어진 웹 어플리케이션이다. 여기에 더해 웹 브라우저가 웹 표준을 준수하는 어떠한 문서나 서비스라도 플랫폼(Windows, Linux, MacOS 등)에 관계없이 실행해 주는 것과 마찬가지로 PWA도 웹 브라우저를 가상 실행환경으로 삼기 때문에 하나의 코드로 모든 플랫폼에서 실행되는.. 2024. 3. 25. 이전 1 다음
