[nextjs] tailwindcss 사용할 때 globals.css에 있어야 하는 코드

nextjs에서는 tailwindcss를 사용하는 것을 권장하는 것 같습니다. 프로젝트 초기 설정 때 tailwindcss를 사용할것이냐를 물어보기 때문이죠. 

 

만약 tailwindcss를 사용하려면 globals.css에 꼭 포함되어야 할 코드들이 있습니다. 

 

@tailwind base;
@tailwind components;
@tailwind utilities;

 

위와 같은 코드들이 포함되어 있어야만 tailwindcss로 웹 페이지를 꾸며줄 수 있습니다.

 

참고로 globals.css가 ./src/app/layout.js에서 import 되어 있어야 합니다.

 

import './globals.css'