웹에서 다크모드 지원하기

이 글은 웹 애플리케이션에서 다크모드와 라이트모드를 지원하는 방법에 대해 설명합니다. 다크모드는 눈의 피로를 줄여주지만, 특정 환경에서는 가독성을 저해할 수 있어 사용자가 선택할 수 있도록 하는 것이 일반적입니다.

글에서는 CSS의 `prefers-color-scheme` 미디어 쿼리를 사용하여 사용자의 시스템 설정을 감지하고 그에 맞는 스타일을 적용하는 방법을 소개합니다. 이 방법을 통해 사용자 경험을 향상시키고 웹 접근성을 높일 수 있습니다.