소개

이 사이트는 최신 웹 기술을 활용하여 빠르고 쾌적한 사용 경험을 제공합니다.

기술 스택

• Next.js — App Router 기반 React 프레임워크
• Tailwind CSS — 유틸리티 우선 CSS 프레임워크
• next-themes — 다크 모드 지원
• lucide-react — 아이콘 라이브러리
• bun — JavaScript 런타임 및 패키지 매니저

디자인 원칙

레이아웃은 Nextra Docs 템플릿 디자인을 따르며, 왼쪽 네비게이션 사이드바, 중앙 메인 콘텐츠, 오른쪽 목차로 구성된 3단 레이아웃입니다.

반응형 디자인

사이트는 완전한 반응형으로 제작되었습니다. 모바일 기기에서는 사이드바가 슬라이드 오버레이 메뉴로 전환되며, 오른쪽 목차는 숨겨집니다.

접근성

올바른 제목 계층 구조, ARIA 레이블, 키보드 네비게이션 지원 등 접근성 모범 사례를 준수하고 있습니다.