- Tailwind CSS를 사용하여 React 앱에 다크 모드를 추가할 수 있습니다. ➡️
config.js
파일에dark
클래스를 추가하고index.html
요소에dark
클래스를 적용하면 간단하게 다크 모드를 활성화할 수 있습니다. 😎- 다크 모드 적용 시 사용하는 CSS 클래스를 변경하여 다크 모드와 라이트 모드의 스타일을 별도로 지정할 수 있습니다. 🔦 🌑
- React 컴포넌트를 통해 클릭 이벤트를 감지하여 다크 모드를 변경할 수 있습니다. ⚙️