▶ 리액트에서 CSS를 적용할 수 있는 방법은 다양하나
- 별도 css 파일 저장 + link로 포함하는 방법보다,
--> Component 단위로 css를 적용하는 방법을 react에서는 이용해보자
◈ sass 사용하는 법
1. add 하기
yarn add --dev node-sass
2. shared.scss 파일 만들기
3. 각각의 모듈에 따른 scss 파일 만들기
각각의 컴포넌트에 해당하는 별도의 scss 파일 만들기
4. js 파일에 적용시키기
styles 라는 이름으로 import 해서 사용하기
'웹' 카테고리의 다른 글
| React 오류Uncaught TypeError: Cannot read properties of undefined (reading 'filter') (0) | 2022.07.22 |
|---|---|
| [React]Command "create-react-app" not found , Couldn't find a package.json file in ~ create-react-app 오류 해결법 (0) | 2022.07.13 |
| [React 개발 기록장][6번째 이야기] 이벤트 처리하기 (0) | 2022.07.02 |
| [React 개발 기록장][5번째 이야기] 속성값 type + default 정의하기 (0) | 2022.07.02 |
| [React 개발 기록장][4번째 이야기] 속성값 (0) | 2022.06.29 |
