일단 css는 사용할 일이 없으니 scss를 사용하는 방법으로 바로 이야기 하자면
create react app 을 사용했을 경우,
node-sass 를 npm 을 사용해 설치 후
scss 파일을 만들고
사용하고자 하는 component에 import 시킨다.
끝?
응! 끝!
react 에서는 UI를 styling 하는 방법은 아래와 같이 정리될 수 있다.
https://velog.io/@velopert/react-component-styling
다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components
리액트에서는 컴포넌트를 스타일링 할 때 다양한 방식을 사용 할 수 있습니다. 이 튜토리얼에서는 어떤 방식이 있는지, 자주 사용되는 것들을 하나하나 사용해보겠습니다. 저는 개인적으로 컴포넌트 하나마다 Sass 파일 하나씩 만들어서 관리를 하는것을 선호하고, 최근 만드는 프로젝트에서는 styled-components 를 사용하기도 합니다 :) CSS Mod...
velog.io
어떤방법이 생산성에 유리할까?
'Programming > react' 카테고리의 다른 글
| styled components 를 이용해서 antd class 수정하기 (0) | 2020.11.05 |
|---|---|
| Next>export (0) | 2020.10.26 |
| Next>styling 할때 (0) | 2020.10.26 |
| Next>antd 적용하기 (0) | 2020.10.25 |
| Next.js, antd, styled-components 적용시 오류 (0) | 2020.06.21 |