🎨 다크 모드 자동화
OS 설정(`prefers-color-scheme`)을 감지하여 CSS 변수가 자동으로 변경됩니다. 별도의 JS 설정이 필요 없습니다.
차세대 웹 기술을
경험해보세요
HTML5 시맨틱 태그, CSS Container Queries, 그리고 Native Dialog API까지. 별도의 라이브러리 없이 브라우저 기본 기능만으로 구현했습니다.
최신 기능 하이라이트
🧩 Native Accordion
JavaScript 없이 `details`와 `summary` 태그만으로 접고 펼치는 UI를 구현할 수 있습니다.
눌러서 확인하기
이 내용은 details 태그 내부의 콘텐츠입니다. 스크립트 없이 작동합니다.
⚡ 성능 최적화
이미지에 `loading="lazy"` 속성을 사용하여 뷰포트에 들어올 때 로딩하며, `defer` 속성으로 스크립트를 비동기 처리합니다.