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

killi8n·2019년 12월 22일
0

react + pwa + webpack

목록 보기
2/3

투두 리스트 만들기

1. src/components/Root.js 생성

src/components/Root.js

src/index.js

2. 스타일 관련 폴더 생성 및 sass-loader 추가

webpack.config.js
원래 스타이 설정 부분(test: css)로 되었던 부분을
아래와 같이 변경.

src/styles/index.scss

src/index.js

이제 다시 개발서버를 키면, 글자 색상이 blue로 바뀐것을 볼수있다.

index.scss

3. TodoWrapper 생성

src/components/TodoWrapper/index.js

src/components/TodoWrapper/style.scss

src/components/Root.js

4. TodoTitle & TodoList 컴포넌트 생성

src/components/TodoTitle/index.js

src/components/TodoTitle/style.scss

src/components/TodoList/index.js

src/components/TodoList/style.scss

api 를 가져오기 위한 axios 모듈 설치

src/components/TodoWrapper/index.js

profile
killi8n

0개의 댓글