01.3 - React 프로젝트 시작하기
React.js 01.3. React 프로젝트 시작하기 01.3.1 create-react-app을 이용한 프로젝트 생성 프로젝트 생성 $ create-react-app [ PROJECT_NAME ] 프로젝트 실행 $ yarn start http://localhost:3000/ 에서 확인을 할 수 있다. 01.3.2 CSS Module 및 Sass 적용 프로젝트 생성 후 CSS Module 및 Sass 적용을 한다. $ cd [ PROJECT_NAME ] $ yarn eject $ yarn add sass-loader node-sass classnames ※ src/index.css 파일을 먼저 삭제 한다. webpack 설정 파일 수정 // config/webpack.config.js 파일 // sass-loader 추가 // loader: require.resolve('css-loader'), 이 있는 부분에 추가 { loader : require.resolve( 'css-loader' ), options : cssOptions, }, { ... }, { loader : require.resolve( 'sass-loader' ), options : { includePaths : [paths.styles] }, }, path.js 파일 수정 // config/path.js 파일 ... publicUrl : getPublicUrl(resolveApp( 'package.json' )), servedPath : getServedPath(resolveApp( 'package.json' )), // style 적용 styl...