JavaScript로 다크모드(Dark Mode) 쉽게 구현하는 방법

다크모드가 필요한 이유눈의 피로 감소 : 어두운 화면은 장시간 사용 시, 밝은화면에 비해 눈이 덜 피곤함배터리 절약 : OLED 디스플레이에서는 검은색 픽셀이 전력 소모를 줄임개인화된 사용자 경험 제공다크모드 적용 방법 1️⃣ CSS 변수 (Custom Properties) 활용CSS 변수를 사용하면 테마 변경이 매우 간단해집니다.:root { --bg-color: #ffffff; --text-color: #333333;}.dark-mode { --bg-color: #222222; --text-color: #ffffff;}body { background-color: var(--bg-color); color: var(--text-color); transition: background-color..