ABBO 기술 블로그

이번 글에서는 이전에 사용했던 NavBar를 꾸미는 작업을 진행하려 합니다. 먼저 NavBars.js 가 있는 디렉터리에 같은 레벨로 NavBars.module.css 를 생성해줍니다. 이 module.css 확장자는 nextjs 에서 사용하는 css 파일 형식으로 변수처럼 사용할 수 있습니다. 예를 들어 NavBars.module.css 안에 아래와 같은 내용이 있다고 해보겠습니다. .nav { display: flex; justify-content: space-between; background-color: tomato; } 이렇게 적용이 된 경우 자바스크립트 파일에서는 이와 같이 사용할 수 있습니다. import styles from "./NavBars.module.css" return 그리고 re..