4️스타일링

TailwindCSS

사전에 정의된 클래스명의 조합으로 스타일을 지정하도록 해주는 라이브러리입니다.

Next.js에서 사용할 때 PostCSS와 함께 사용합니다. 빌드 시점에 사용했던 유틸(클래스명)에 대한 CSS 파일을 생성해 최소한의 CSS 파일로 스타일을 지정할 수 있도록 만들어줍니다.

미리 정해진 클래스명을 조합해서 스타일링 하기 때문에 클래스명을 알아야 스타일을 입힐 수 있습니다. TailwindCSS 공식 홈페이지에서 원하는 스타일을 검색하실 수 있습니다.

TailwindCSS 공식 홈페이지: https://tailwindcss.com/