react + pwa + webpack

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

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

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