darkmode1 [Javascript] Tailwind와 함께 다크모드 구현 최신 브라우저에서는 다크모드 구현을 위한 기능들을 제공하고 있다. 그래서 간편하게 다크모드 기능을 구현할 수 있다. 다크모드 구현에 앞서 알아야 할 내용부터 정리를 해보자. ✅ color-schemeMDN에서는 color-scheme을 사용하면 해당하는 색채 조합으로 웹페이지를 렌더링해준다고 설명하고 있다. 좀 더 쉽게 설명하면 light 또는 dark 로 설정된 값에 맞추어 시스템 전반에, 설정한 컬러 조합으로 렌더링해주는 것이다. 즉, color-scheme만 사용하면 간단하게 다크모드를 구현할 수 있다. 아래는 다크 테마를 적용한 예시이다. 해당 웹페이지는 다크 테마를 사용하겠다는 것을 브라우저에게 알려주는 내용이다. 그럼 브라우저는 다크 테마에 해당하는 컬러를 조합해서 각 요소들을 렌더링해준다. .. 2025. 5. 17. 이전 1 다음
