자바스크립트로만 PWA를 개발해보겠습니다. 단계별로 하나하나씩 PWA를 완성해보도록 하겠습니다. 1. 프로젝트 생성 우선 VSCode를 열어 폴더(프로젝트)를 만듭니다. (파일 -> 폴더열기 -> 폴더생성 후 폴더 클릭 -> 폴더 선택) 저는 PWA_TEST 폴더를 만들었습니다. 프로젝트(폴더) 마우스를 올리면 새파일 아이콘이 나타납니다. 새파일 아이콘 클릭 후 index.html 파일을 만듭니다. index.html 파일을 열어 html5 파일로 만들어줍니다. index.html 파일은 PWA의 메인화면이 됩니다. 2. 매니페스트 작성하기 manifest.json 파일 이름으로 새파일을 만들어주세요 manifest.json 을 작성해봅시다. { "name": "PWA 테스트 앱", "short_name..
1. PWA란? 네이티브 앱은 스마트폰 운영체제에만 작동하는 앱을 말합니다. 이것은 Android, IOS와 같은 개별 운영체제에 맞게 개별로 개발하여야 하므로 시간과 비용이 많이듭니다. 웹앱은 운영체제에 구현받지 않고, 브라우저로 통신하기 떄문에 모두 똑같은 콘텐츠를 볼 수 있습니다. 또한 웹 표준 언어로 만들어 시간은 비교적 짧아지고, 비용또한 절감됩니다. 즉, HTML5, CSS3, JAVASCRIPT를 그대로 사용하여 스마트폰에서 작동하는 앱을 만들 수 있습니다. 또한 배포를 구글플레이스토어, 아이폰 앱스토어에 올릴 필요없이 URL 링크만으로 배포할 수 있습니다. 하이브리드 앱은 웹 표준 기술을 그대로 사용해 웹앱을 만든 것으로 네이티브앱 + 웹앱의 장점만 살린 기술입니다. 개발은 웹앱처럼하고, ..
- Total
- Today
- Yesterday