통계 위젯 (화이트)

1252
347
2602472

저작권

Do not be afraid to fail. Be afraid not to try. Pain is temporary, suck is forever. Keep it small and simple.

PWA - 모바일 및 데스크탑 앱을 만드는 또 다른 방법 by 미친병아리

몰랐네요, 아이폰이 처음 나오던 2007년부터 이야기가 되던 개념이었다는 것은. 애플은 앱스토어라는 엄청난 사업모델을 위해서 지원을 하지 않게 되었다고 합니다. 그 이후로 구글에서 주도를 해서 꽤 많이 좋아졌다고 합니다. 굳이 하이브리드 앱으로 만들지 않고 웹으로 만들어도 될 것 같습니다.

네이티브앱 - Android Studio, XCode를 이용하여 개발, 모든 기능 개발이 가능
하이브리드앱 - flutter, react native, ionic 등의 프레임워크를 이용하여 안드로이드, 아이폰용 한번에 개발
PWA - 자바스크립트를 이용한 웹개발로 모바일 및 데스크탑용 앱 개발



PWA (Progressive Web App) 개념과 따라만들기

GPS 지원이랑 푸쉬알람도 잘 지원이 되는지, 다른 영상에서 좀 찾아봐야겠습니다. 이 영상에서는 관련된 내용이 없네요.



영상에서 소개된 유용한 툴들 입니다.

내 PC의 로컬 웹 서버를 외부에서 접속이 가능하도록 해주고, URL도 만들어 줍니다. 심지어 https를 사용할 수 있는 URL까지 만들어 주네요. 도메인이 내가 원하는 도메인은 아니지만, 꽤 유용한 사이트 같습니다.

PWA용 아이콘으로 사용할 이미지를 업로드 하면 아이콘 파일로 만들어 주는 웹사이트 입니다. 직접 그려서 만들 수도 있습니다.

https://github.com/pwa-builder/pwabuilder-web/blob/V2/src/assets/next-steps.md
PWA를 만드는데 필요한 부분들을 점검해주고, 필요한 내용을 자동으로 만들어 주는 아주 편리한 사이트 입니다.

manifest 파일의 내용에 대한 자세한 설명을 담고 있는 편리한 사이트 입니다.



예전에 만들었던 사이트들을 PWA로 한번 만들어 봐야겠습니다. 이런건 바로 해보고 같이 흔적을 남겨놔야 하는데 요즘 참 여러모로 여유가 없습니다.

관련된 추가로 더 들어볼만한 영상

Progressive Web Apps in 100 Seconds // Build a PWA from Scratch

7 Web Features You Didn’t Know Existed



2021.08.20 추가
도입을 위해 진지하게 검토해보신 분들 의견은 네이티브 앱으로 만들어야 하는 경우가 더 많다고 합니다.
스토어에서 배포 안해도 되는, 웹으로 충분한 경우에 주로 고려를 해봐야겠네요.
그럼 UI 느낌 말고는 웹브라우저로 접속하는거라 다른게 별로 없어서리.

아, 바탕화면에 아이콘 생기니 폰에서는 웹 브라우저 보다는 사용자에게 좀 더 편할 것 같긴 합니다.



2021.11.06 추가
어제 보다 나아진 오늘의 내 모습을 위해
출퇴근 시간, 중간 중간 짬나는 시간 활용도를 높여주는 
유료, 무료 온라인 강의 사이트들을 정리해 봤습니다. - https://madchick.tistory.com/66
본인에게 가장 잘 맞는 온라인 강의 플랫폼을 찾아 보세요. 
노트북, 태블릿, 외장 모니터 등 사랑스런 장비들과 함께 즐겁고 보람한 자기계발 시간을 보낼 수 있게 됩니다.

짬짬이 시간으로 나를 발전 시키는데 도움이 되는 좋은 도구들을 잘 활용해 보아요.


[에버키] Atlas S15 아틀라스 S15 EKP121S15, 본상품선택 BOSE QC35 II 2세대 노이즈 캔슬링 헤드폰, 블랙, QuietComfort 35 II Apple 2020년 맥북 프로 13 (M1 칩셋 8코어 CPU 8코어 GPU), 8GB, SSD 256GB, 스페이스 그레이 키크론 K6 무선 기계식키보드 WHITE LED 핫스왑 갈축, 혼합색상 마이크로소프트 모바일 마우스 KGY-00060, 포피레드 한성컴퓨터 39.62cm FHD DEX 포터블 HDR 멀티터치 휴대용 모니터, TFX156T
쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.

덧글

  • 천하귀남 2021/08/19 18:30 #

    말은 된다고 하는데 이러저런 제한도 있고 애플의 경우 하이브리드로 만들면 리젝되는 경우가 많습니다.
    여기에 구글이든 애플이든 지원 하는 기능의 일부가 앱에서만 되는 것이 있어 그냥 속편하게 앱으로 만드는 것이 좋더군요.
  • 미친병아리 2021/08/20 13:18 #

    ㅎㅎ 역시 그렇군요. 스토어에 등록 안해도 될만한 앱들만 PWA로 만들어야겠네요.
※ 로그인 사용자만 덧글을 남길 수 있습니다.