next.js에서 CSS 연결

김용희·2022년 3월 29일
0

import styles from "./list.module.css";

이런식으로 module을 쓰면 바로 같은 계층에서 연결가능

하지만
단순 list.css 라고 한다면
_app으로 넣어줘야만 한다.

일단 컴포넌트 최상단 className을 해당 컴포넌트 명으로 지정한다면
_app으로 지정해줘도 클래스네임이 구체적으로 떨어지기 때문에 중첩가능성을 줄일 수 있다.

SASS 또한 _app에 넣어줘야한다.

_app에 넣는 것을 대비해서 className을 구체적으로 쓰는 것을 습관화하자

profile
He threw his knapsack over the brick wall

0개의 댓글