CSS Module

CSS Module

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

<Link href="/" className={router.pathname === "/" ? styles.active : ""}>
  

• CSS Module 은 CSS 클래스를 불러와서 사용 할 때 [파일이름]_[클래스이름]__[해쉬값] 형태로 클래스네임을 자동으로 고유한 값으로 만들어 줌

• 컴포넌트 스타일 중첩현상을 방지해주는 기술

• 저장 시 [파일이름].module.css 형태로 저장

• Next.Js에서 연습 중