[리액트를 다루는 기술] 20. blog 실습

1. 라이브러리 설치(1)

- yarn add node-sass sass-loader classnames

2 config/paths.js

module.exports = {

  globalStyles: resolveApp('src/styles')

};

3. webpack.config.dev.js

    {

      loader: require.resolve('sass-loader'),

      options:{

        incluePaths:[paths.globalStyles]

      }

    }

4. webpack.config.prod.js

    {

      loader: require.resolve('sass-loader'),

      option:{

        includePaths:[paths.globalStyles]

      }

    }

5. 라이브러리 설치(2)

- yarn add react-router-dom redux redux-actions react-redux redux-pender immutable

6. 절대경로 .env

 1) .env

NODE_PATH=src

*dotenv 라이브러리가 설치되어 있어야함

  2) package.json

7. 스토어 생성

8. 라우트 작업

- 홈

- 포스트 목록

- 포스트 목록: 태그 설정

- 포스트 읽기

- 에디터

- 404 페이지

9. generate-react-template

- 설치해서 실행하면 content.js , index.js,  content.css 가 나옴

- 김민준씨가 커스터마이징 파일로 scss로 변경 가능

- git clone http://github.com/vlpt-playground/re

10. 라이브러리 설치(3)

yarn add open-color include-media

11. 라이브러리 설치(4)

yarn add codemirror marked prismjs

"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"