손에 익는 Next.js
Part 3 - Next.js로 나만의 블로그 만들기
Part 3 - Next.js로 나만의 블로그 만들기
  • 블로그를 직접 만드는 이유
    • *️내 손으로 지은 집
  • 사전 지식 훑어보기
    • 1️사전 렌더링
    • 2️라우팅
    • 3️데이터 페칭
    • 4️스타일링
  • 블로그 유형 살펴보기
    • 1️일반적인 Next.js 블로그
    • 2️Vercel 리더십 블로그
  • 나만의 블로그 만들기
    • 1️블로그 아키텍처 선택하기
    • 2️블로그 템플릿 살펴보기
    • 3️블로그 설정 변경하기
  • 나만의 블로그 고도화하기
    • 1️테마 변경 기능
    • 2️게시글 조회수 기능
  • 마치며
Powered by GitBook
On this page
  1. 사전 지식 훑어보기

스타일링

Previous데이터 페칭Next블로그 유형 살펴보기

Last updated 8 months ago

TailwindCSS

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

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

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

TailwindCSS 공식 홈페이지:

4️
https://tailwindcss.com/