목록PWA (3)

1cm

[PWA, progressive web app] 01 - 3~4. 비주얼 스튜디오 코드(Visual Studio Code) 설치, '안녕하세요' 예제 만들기

* 'Do it! 프로그레시브 웹앱 만들기' 책 + 유튜브 강의 + 구글링을 통해 개인적으로 정리한 내용입니다. 혹시나 정정해야될 내용이나 잘못된 부분이 있다면 댓글로 피드백 주시면 감사하겠습니다. - 비주얼 스튜디오 코드(Visual Studio Code) 설치하기 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS..
Book/Do it! 프로그레시브 웹앱 만들기 2022. 6. 30. 22:54
[PWA, progressive web app] 01 - 2. 프로그레시브 웹앱을 대표하는 6가지 핵심 기술

* 'Do it! 프로그레시브 웹앱 만들기' 책 + 유튜브 강의 + 구글링을 통해 개인적으로 정리한 내용입니다. 혹시나 정정해야될 내용이나 잘못된 부분이 있다면 댓글로 피드백 주시면 감사하겠습니다. 프로그레시브 웹앱(PWA) 필수요소 1. 서비스 워커(Service Worker) 2, 웹앱 매니페스트 (그냥 매니페스트라고도 부른다) 3. HTTPS(보안) 네이티브 앱과 같은 경험(중요기능) 4. 푸시 알림 5. 홈 화면에 추가 6. 웹 API (덕분에 네이티브 앱과의 간격을 좁혔다. 네이티브 앱이 제공하지 않는 기능까지도 제공하는 형태로 발전중) 1. PWA의 심장 '서비스 워커'(Service worker) - 웹 브라우저 안에 있지만 웹 페이지와는 분리되어 항상 실행되는 백그라운드 프로그램 - 웹 브..
Book/Do it! 프로그레시브 웹앱 만들기 2022. 6. 28. 14:34
[PWA, progressive web app] 01 - 1. 프로그레시브 웹 앱이 뭘까?

* 'Do it! 프로그레시브 웹앱 만들기' 책 + 유튜브 강의 + 구글링을 통해 개인적으로 정리한 내용입니다. 혹시나 정정해야될 내용이나 잘못된 부분이 있다면 댓글로 피드백 주시면 감사하겠습니다. 프로그레시브 웹앱(PWA, Progressive web app) 배경 - 2015년 구글 크롬 엔지니어 알렉스 러셀(Alex Russell)이 고안한 개념. - 웹에서 출발해 앱으로 가는 여정(웹으로 시작하지만 결국엔 앱처럼 구현이 되도록 하는 것) 특징 - 웹의 장점 + 네이티브 앱의 강점 - 네이티브 앱의 강력한 기능성 + 웹의 뛰어난 접근성(편리함) 프로그레시브 웹앱을 제대로 배우기 전에 네이티브 앱, 모바일 웹앱, 하이브리드 앱, 프로그레시브 웹앱에 대해 전반적으로 정리해보자. 네이티브 앱(Native..
Book/Do it! 프로그레시브 웹앱 만들기 2022. 6. 23. 19:29
Prev 1 Next