1. 기능 정의

1. 목적

tailwindcss로 다크모드를 설정한다.

2. 주요 기능 목록

일반모드/다크모드 각각 색상을 미리 설정하고, 특정 색상으로 설정하면 둘 다 적용된다.

2. 스펙 정의

1. 기술 스택

tailwindcss

3. 개발 일정

• 시작일: 7/26
• 종료 예정일: 7/27

4. 사전 조사

1. 기본적인 tailwindcss darkMode

tailwindcss에서는 기본적으로 darkMode를 지원한다. 사용 방법은 다음과 같다.

<div class="dark:bg-black bg-white">
		{/* .. */}
</div>

위와 같이 작성하면, 평소에는 배경색이 white, 다크 모드가 되면 black이 적용되는 방식이다.