PWA
Progressive web app
HTML, CSS, JavaScript와 같은 웹 기술로 만드는 앱
PWA 장점
빠르게 개발 가능하다.
대표적인 서비스홈 화면에 저장되면 브라우저에서 실행웹 기반 앱추가 유지관리 코드베이스가 적다.
부드럽고 빠르고 가볍다검색엔진을 통해 찾을 수 있다푸시 알림 통해서 사용자 관심 끌 수 있음
앱스토어를 통해 배포도 가능하다
오프라인에서도 작동한다
반응형 → 다양한 화면 크기에도 잘 동작한다
개발 비용 저렴
브라우저가 접근하지 못하는 hw, sw 접근도 가능
트위터, 스타벅스, 핀터레스트, 워싱턴포스트, 우버, ...
네이티브 앱의 특징도 전부 제공 가능하다. → 네이티브 앱처럼 동작한다
실제 네이티브 앱과 견줄 수 있을 정도로 좋다.
PWA 한계
다른 플랫폼에서와 동일한 환경을 구성하는 것이 조금 어려움
고성능 게임에는 적합하지 않은 개발환경이다.
iOS의 경우, PWA에 필요한 기술을 Safari가 지원하지 않는 경우가 많음
PWA 누구를 위한 것인가?
구현하는 것이 어렵지 않지만, 이용 고객들의 입장에서 생각하고 결정해야한다.
PWA SEO
++PWA를 위한 환경설정++
검색엔진이 자바스크립에 액세스 할 수 있도록 해야함렌더링 프로세스 개선단지 SEO 개선을 위한 목적으로 PWA로 전환하는 것은 바른 방법이 아니다.
자바스크립트 프레임워크가 서버 측 렌더링을 사용하도록 설정하는 것이 좋다
PWA 주요 구성요소
- 보안연결사용자들의 신뢰를 얻기 위해서도 중요
- PWA는 신뢰할 수 있는 연결 상태에서만 동작하기 때문에 보안 연결을 통해 서비스를 제공해야 한다.
- 서비스 작업자
- 네트워크와 관련된 요청의 처리를 도와줌 → 개발자는 복잡한 작업 수행 가능
- 매니메스트 파일JSON 파일이름, 설명, 아이콘, 색상 등 지정 가능
- PWA가 표시되고 기능하는 방식에 대한 정보 포함
- manifest file, 설정 파일
www.wishket.com/yozm/detail/537/
프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가? | 요즘IT
PWA는 프로그레시브 웹 앱의 줄임말입니다. PWA는 우리 모두가 알고 있고 좋아하는 HTML, CSS, 자바스크립트와 같은 웹 기술로 만드는 앱입니다. 하지만 그 느낌과 기능은 실제 네이티브 앱과 견줄
www.wishket.com
