| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
Tags
- #CSS
- #쇼핑몰
- #이미지
- #솔루션
- 솔루션
- #웹솔루션
- #cgimall
- happycgi
- #뉴스
- #image
- 해피씨지아이
- jquery
- 웹솔루션
- #동영상
- 게시판
- CSS
- 사이트제작
- php
- #jQuery
- 이미지
- javascript
- #홈페이지
- #happycgi
- CGIMALL
- 해피CGI
- #해피CGI
- #업종별
- 홈페이지제작
- 홈페이지
- #홈페이지제작
- Today
- Total
목록2026/05/21 (1)
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 부드러운 다크/라이트 모드 전환 라이브러리 - DayniteJS
■ 라이센스MIT 라이센스 ■ 상세 설명 Day/Nite는 웹사이트에서 라이트 모드와 다크 모드를 손쉽게 전환할 수 있도록 구현된 UI 컴포넌트이다.사용자의 환경 설정이나 직접 선택에 따라 테마를 변경할 수 있으며, CSS와 JavaScript를 조합하여 비교적 간단하게 적용할 수 있다.일반적으로 다크모드는 어두운 배경과 밝은 텍스트를 사용하여 눈의 피로를 줄이고 가독성을 높이기 위한 UI 방식이다. 이 예제는 다음과 같은 방식으로 동작한다. - 토글 버튼 클릭 시 라이트 / 다크 모드 전환 - CSS 클래스 또는 데이터 속성 변경을 통해 테마 적용 - 필요 시 localStorage를 활용하여 사용자 선택 상태 유지 또한 CSS의 prefers-color-scheme 미디어 쿼리를 활용하면사용자의 운영..
웹프로그램밍 자료실/JAVA 자료
2026. 5. 21. 09:07