# Tailwind CSS + class 전략 사용하기next-themes 를 설치하면 더 쉽다. # next-themes 란?: Next.js 앱에서 다크 모드 / 라이트 모드를 손쉽게 구현할 수 있게 도와주는 라이브러리[ 원리 ]html 태그에 class="dark"을 붙이면, Tailwind가 해당 클래스 기준으로 스타일을 바꿔줌사용자 설정(localStorage, 시스템 설정 등)을 자동으로 감지하여 dark 클래스를 붙이거나 제거** 직접 구현시window.matchMedia('(prefers-color-scheme: dark)') 감지localStorage.getItem('theme') 값 비교에 직접 classList.add/remove('dark')등 의 기능이 필요하다. [ 주요 기능 ]..