개발여행

UnoCSS는 단일 CSS 속성을 클래스에 담아 스타일링의 재사용성을 높이는 atomic CSS 철학을 기반으로 하는 CSS 엔진이다. 빠른 빌드타임과 유연한 커스터마이징 기능이 특징이다. 앞으로 UnoCSS를 적극적으로 사용해보려고 해서, Next.js 프로젝트에 UnoCSS를 설치하는 방법을 직접 정리해봤다. 패키지 설치pnpm add -D unocss @unocss/postcss uno.config.ts 생성프로젝트의 root 폴더에 uno.config.ts 파일을 생성해 아래 설정을 추가한다.import { defineConfig, presetUno } from "unocss";export default defineConfig({ presets: [ presetUno(), ],}); po..