Next.js_03_css적용하기

지원·2023년 12월 17일

Next.js

목록 보기
3/22
post-thumbnail

1. styles라는 폴더를 만들고 그 안에 Home_modules.css라는 파일을 만들었다.

2. index.js에서 default import해준다.
styles 객체 안에는 css파일에서 정의한 클래스 이름이 프로퍼티로 들어가있다.

이런 식으로 리액트 컴포넌트 파일에서 모듈 css를 import해서 사용하면 된다.

3. 사이트 전체에 적용하기
_app.js파일에서 import하면 된다.

@ (alias) > 최상위 폴더를 기준으로 잡는다.
현재 파일의 경로와 상관없이 사용할 수 있다.

0개의 댓글