프로젝트에 scss 적용시키기

흔히들 리액트를 사용하며 scss를 본거나 듣거나 사용한적이 있을 것이다.

하지만 sass나 css로 컴파일되는 과정 등
예전에 사용했던 방법들이 많이 나타날 것이다!

그러기에 모던한 scss 적용을 살펴보자

yarn add node-sass

그리고 바로 적용하면 된다

- index.tsx
- index.scss

import * as SCSS from './index.scss';

const someComponent : React.FC = () => <h3 className={SCSS.example1}></h3>

index.tsx

.SCSS {
	color : black;
}

index.scss

이런식으로 클래스 이름도 직접 할당 가능하다!

끗