2020-01-17 리액트 3번째 수업 - React Component Styling

Style Loaders

 

react 에서 

CSS

CSS Module

Sass

Sass Module

4개를 지원한다. 위치는 Webpack.config.js 파일에 위치해있음.

 

BEM : css naming 하는 기법 

개발자들끼리 css 스타일을 맞춤

 

 

SCSS와 Sass는 다른 것이다.

SCSS

Sass

위와 같이 다름 (공식문서 참고)

 

styled component와 ant design을활용하자.

 

https://ant.design/

Ant Design - A UI Design Language and React UI library

 

img 넣는 법 중에 import 하는 방법은 별로다. 번들의 용량이 커지기 때문에