Frontend/PWA

[PWA] PWA(Progessive Web Applications)의 장단점

안녕하세요🫶 개발자 재민콩입니다. 이번 포스팅에선 PWA의 장단점에 대해 알아보겠습니다. PWA의 장단점을 다루기 전에 먼저 PWA란 무엇인지 알아보겠습니다. 1. PWA란? PWA는 Progressive Web Applications로 웹앱으로 만들어진 사이트를 네이티브 앱과 같은 동작을 가능하게 하는 방법입니다. 그래서 기존 사용하는 사용되는 웹 기술(HTML, CSS, Javascript 등)을 사용하여 어떠한 플랫폼에서도 최적화하여 동작하도록 할 수 있습니다. 또 2016년에 Google에 의해 처음 소개 되었으며 현재까지 활발하게 업데이트가 진행되고 있고, 전 세계 스타트업부터 대기업까지 많은 회사에서 PWA를 사용하여 개발을 진행하고 있습니다. 대표적인 PWA적용 사이트로는 Twitter, I..

[PWA] Android App URL 삭제

안녕하세요🙋🏻 개발자 재민콩입니다. 이번 포스팅에서는 PWA 앱 URL 바 삭제하는 방법에 대해 알아보겠습니다. PWA를 앱으로 빌드 혹은 웹에서 다운로드를 하였을 때, 웹앱을 Native App처럼 보여주기 위해 주소창을 삭제하는데, 이를 가능하게 하는 설정들이 있습니다. 1. meta 태그 추가 // Apple // Android 2. manifest.json display { "lang": ... "dir": ... "name": ... "short_name": ... "display": "standalone", // (fullscreen, standalone, minimal-ui, browser) "categories": ... "description": ... "start_url": ... "t..