-
[2019.08.04] PWA(Progressive Web App)이란?개발 블로깅/기타 개념 2019. 8. 4. 16:25
PWA(Progressive Web App)이란, 네이티브 앱과 웹의 장점을 합친 프론트엔드 개발 환경이다.
# 웹의 특징(장,단점)
- 앱 설치과정 없이 URL 접속으로, 서비스 진입장벽이 낮다.
- 실시간 컨텐츠 업데이트 환경을 갖추고 있다.
- -----------------------------------------
- 실행 구동이 앱보다 퍼포먼스가 떨어진다.
- 푸쉬알림과 같은 백그라운드 동작을 할 수 없다.
- 오프라인 구동이 불가능하다.
# 앱의 특징(장,단점)
- 실행구동이 원활하다.
- 백그라운드 동작이 가능하다.
- 오프라인 구동이 가능하다.
- ------------------------------------------
- 처음 앱 설치과정이 있어, 진입장벽이 크다.
- 컨텐츠 최신화 환경이 웹보다 떨어진다.
# PWA 특징
- URL 및 홈 화면의 아이콘을 이용해 쉽게 서비스 접근성이 편하다.
- 컨텐츠 최신화 환경이 웹과 동일하다.
- 백그라운드 동작이 가능하다.
- 오프라인 구동이 가능하다.
- 서비스 퍼포먼스가 앱과 동일하다.
PWA를 사용하면, 느린 네트워트 환경에서도 빠르게 로드되고, 관련된 푸시 알림을 받을 수 있다.
또한 URL 접속 시, 홈화면에 아이콘이 생길 수 있도록 하는 기능도 있어, 접근성이 매우 쉽고, 서비스가 전체 화면 환경으로 보여지므로
서비스 이용이 웹보다 원활하다.
(단, IE와 같이 기능 동작이 원활하지 않는 브라우저에서는 구동이 잘 안될수도 있다. )
확실히 프론트엔드 패러다임이 정말 빠르게 변화되고 있는 것 같다.
시간 될 때 틈틈히 PWA로 간단한 개발을 하나 해보고, 블로깅 해봐야 겠다.
반응형'개발 블로깅 > 기타 개념' 카테고리의 다른 글
[2019.09.13] git rebase 사용법 - commit 상태를 변경시켜보자. (0) 2019.09.13 [2019.08.12] CRA(Create-React-App) 사용 시, npx를 써야하는 이유! (0) 2019.08.12 [2019.07.18] Styled-components 사용법(매우쉬움) (0) 2019.07.19 [2019.07.04] Gatsby - develop은 되지만, build 시 failed 날 때 해결 법 (0) 2019.07.05 [2019.06.25] AWS ACM(Certificate Manager)이란? (0) 2019.06.25