Next.js에서 scss 사용하기

Next.js에서 스타일 컴포넌트를 사용하는 강의를 봤기 때문에 스타일 컴포넌트를 쓸까 고민하다 그냥 배우자는 생각으로 scss를 쓰기로 했다.

 

그러나 첫 관문부터 막히기 시작하는데 ...

 

결론만 말하자면,

 

scss를 입히려는 js파일에

ex)

import styles from "../style/components/_header.module.scss";

이런 식으로 임포트 해준다. 당연하겠지만 scss 파일 이름도 [이름].module.scss 이렇게 만들어야 함.

 

그리고 className에는

 

<Navbar.Brand href="/home"className={styles.title}>타이틀</Navbar.Brand>

{styles.[이름]}