create react

[honey-milkc]

https://facebook.github.io/create-react-app/docs/getting-started

$ npx create-react-app talk
$ cd talk
$ npm start

[honey-milkc]

gh-pages 수행

1. gh-pages를 install

   $ npm install gh-pages --save-dev

2. 다음 내용 수정

   $ vi package.json 

   homepage와 scripts/deploy추가

   {
       "name": "talk",
       "version": "0.1.0",
       "private": true,
       "homepage": "https://honey-milkc.github.io/talk",
       "dependencies": {
           "react": "^16.8.6",
           "react-dom": "^16.8.6",
           "react-scripts": "0.9.5"
       },
       "devDependencies": {
           "braces": "^3.0.2",
           "eslint": "^6.0.1",
           "eslint-loader": "^2.2.1",
           "gh-pages": "^2.0.1",
           "js-yaml": "^3.13.1",
           "mime": "^2.4.4",
           "open": "^6.4.0",
           "webpack-dev-server": "^3.7.2"
       },
       "scripts": {
           "start": "react-scripts start",
           "build": "react-scripts build",
           "test": "react-scripts test --env=jsdom",
           "eject": "react-scripts eject",
           "deploy": "npm run build&&gh-pages -d build"
       }
   }

3. 올리자!

   $ npm run deploy

   앗.. 에러가 난다!

   Error: Cannot find module 'eslint/lib/formatters/stylish'
   

   아무래도 eslint를 version up했더니 생긴 문제로 보인다. 관련 이슈
   일단은 여기서 알려준 해결책으로 수행 : can't publish new version webpack-contrib/eslint-loader#281
   https://www.npmjs.com/package/eslint-loader