Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- NonNullable
- Chart.js
- typescript
- 타입좁히기
- 커스텀
- React.js
- 타입스크립트
- CSS
- utilty type
- 폰트적용하기
- 제네릭
- reactjs
- 개발콘텐츠
- vue.js
- 레이아웃쪼개기
- 2022
- 공통컴포넌트
- react
- 리액트
- TSDoc
- returnType
- 반복줄이기
- 누구나 자료구조와 알고리즘
- click and drag
- 티스토리꾸미기
- 성능최적화
- React Native
- javascript
- const 단언문
- JS console
Archives
- Today
- Total
몽땅뚝딱 개발자
프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가? 본문
네이티브는 각 플랫폼에 특화된 프로그래밍 언어로 만드는 경우가 많아 관련 기술도 알아야 한다. 여러 군데의 모바일 환경에 대해 전부 앱을 만들고싶다면 각각의 다양한 환경에 필요한 기술들을 알고 있어야 한다. 그래서 하나의 앱을 만들어 모든 앱스토어에 출시한다는 것은 쉬운일이 아니다.
그래서 등장한게 PWA! 홈 화면에 저장하여 앱 처럼 동작한다.
◽️ PWA(progressive web app)의 특징
1) 일단 홈 화면에 저장되면 브라우저처럼 실행되며, 네이티브 앱처럼 동작한다.
2) 보안상의 이유로 브라우저가 접근하지 못하는 시스템 하드웨어와 소프트웨어에도 접근할 수 있다.
3) 따라서 PWA의 성능이 뛰어나다면 사용자들은 자신들이 웹 기반으로 사용하고있는지 네이티브 앱으로 사용하고있는지를 구분하지 못 할 정도이다.
◽️ PWA(progressive web app)의 장점
1) 앱스토어에 출시하기위한 별도의 프로세스가 필요하지 않다.
2) 일반적인 웹기술을 이용하여 만들 수 있다.
3) 개발비용이 더 저렴하다.
4) 반응형이기때문에 다양한 화면 크기에도 잘 동작한다.
5) 부드럽고 빠르다.
6) 검색엔진(SEO)을 통하여 찾을 수 있다.
7) 푸시알림을 통해 사용자들의 관심을 끌 수 있다.
◽️ PWA(progressive web app)를 도입하기 전의 세팅
- 보안 연결(HTTPS)
- 서비스 작업자(service worker)
- 매니페스트 파일(manifest file, 설정 파일)
'Something Useful > 또 다른 정보' 카테고리의 다른 글
PixiJS와 Depth map으로 3D 이미지 만들기 (0) | 2023.05.20 |
---|---|
MVC, MVP, MVVM 이란? (0) | 2023.05.16 |
주니어 웹 개발자가 알아야 할 ‘비동기 통신’ (0) | 2023.05.01 |
new Array() vs [] (0) | 2023.04.22 |
리더를 설득하는 셀프 리뷰 (0) | 2023.04.12 |
Comments