# pwa

4개의 포스트

[react + pwa + webpack] PWA 적용하기

PWA 적용하기 1. 노드 모듈 인스톨 pwa에 관련한 웹팩 모듈을 인스톨 해준다. 2. manifest.json 파일 생성 public/manifest.json 3. webpack 설정 추가 webpack.config.js src/sw.js manifest 와 service worker 설정까지 추가하였다. 4. serviceWorker ...

2019년 12월 23일
·
2개의 댓글

[react + pwa + webpack] 투두 리스트 만들기

투두 리스트 만들기 1. src/components/Root.js 생성 src/components/Root.js src/index.js 2. 스타일 관련 폴더 생성 및 sass-loader 추가 webpack.config.js 원래 스타이 설정 부분(test: css)로 되었던 부분을 아래와 같이 변경. src/styles/index.scss ...

2019년 12월 22일
·
0개의 댓글

[react + pwa + webpack] 리액트 프로젝트를 웹팩으로 설정하기.

리액트 프로젝트를 웹팩으로 설정하기. 1. 프로젝트 생성 및 깃 저장소 master 푸시. .gitignore 2. 프로젝트 구조 설정 및 기초가 되는 node module 인스톨 src 폴더 생성. public 폴더 생성. es6 문법을 사용하기 위한 노드 모듈 설치. 3. 웹팩 관련 모듈 설치 4. webpack.config.js 설정 we...

2019년 12월 22일
·
0개의 댓글

Nuxt PWA 적용기

0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ...

2019년 2월 9일
·
0개의 댓글