단일 HTML 파일로 커스텀 개인 대시보드 구축하기

완전하고 기능적인 개인 대시보드를 HTML, CSS, JavaScript를 사용하여 단일 HTML 파일로 구축하세요. 기능 설명 오늘의 할 일, 일정, 메모, 주요 지표 등 중요한 모든 것을 한눈에 보여주는 깔끔하고 아름다운 개인 대시보드입니다. 하루의 시작을 여는 컨트롤 센터라고 생각하세요. 핵심 기능 1. 대시보드 개요 (메인 뷰) - 오늘의 할 일, 다가오는 일정, 최근 메모를 한눈에 보여주는 깔끔한 뷰 - 시간대에 따라 바뀌는 인사말 (좋은 아침입니다 / 좋은 오후입니다 / 좋은 저녁입니다) - 할 일, 일정, 메모를 빠르게 추가할 수 있는 버튼 - 드래그하여 재배치할 수 있는 위젯 스타일 레이아웃 2. 할 일 위젯 - 완료 표시를 위한 체크박스가 있는 오늘의 할 일 표시 - 할 일을 '오늘', '이번 주', '나중에'로 그룹화 - 제목, 마감일, 우선순위(높음/중간/낮음)를 지정하여 새 할 일 추가 - 할 일 수정 또는 삭제 - 기한이 지난 할 일에 대한 시각적 표시 3. 캘린더 위젯 - 현재 월을 보여주는 미니 캘린더 - 일정이나 할 일이 있는 날짜 강조 표시 - 날짜를 클릭하면 해당 날짜의 일정 확인 - 제목, 시간, 카테고리(업무, 개인, 생일, 회의)를 지정하여 일정 추가 - 캘린더 아래에 다가오는 일정 목록 표시 4. 메모 위젯 - 생각과 아이디어를 빠르게 기록 - 타임스탬프가 있는 최근 메모(최대 5개) 표시 - 메모를 클릭하여 보기 또는 편집 - 과거 메모를 찾을 수 있는 검색 바 - 굵게, 기울임꼴, 글머리 기호와 같은 서식 있는 텍스트 편집 5. 지표 위젯 - 중요하게 생각하는 3~5개의 핵심 숫자 표시 (예: 오늘 완료한 할 일 수, 마감일까지 남은 일수, 총 메모 수) - 사용자 지정 가능, 표시할 지표를 사용자가 선택 가능 - 간단한 시각적 진행률 표시줄 또는 카운터 6. 사용자 지정 - 라이트 모드 / 다크 모드 전환 - 색상 선택기에서 기본 및 강조 색상 선택 - 사용하지 않는 위젯 표시/숨기기 - 드래그 앤 드롭으로 위젯 재배치 7. 데이터 저장 - 모든 데이터는 localStorage에 저장 - 브라우저 세션 간에도 데이터 유지 - 데이터를 JSON 백업으로 내보내기 - JSON 파일에서 데이터 가져오기 레이아웃 - 왼쪽 사이드바: 아이콘이 있는 내비게이션 (대시보드, 할 일, 캘린더, 메모, 설정) - 메인 영역: 위젯이 있는 대시보드 뷰 - 상단 바: 앱 이름, 시간, 날짜, 프로필 아이콘, 다크/라이트 모드 전환 기술 요구 사항 - CSS와 JavaScript가 포함된 단일 HTML 파일 - 반응형: 데스크톱 및 태블릿에서 작동 - 부드러운 애니메이션과 전환 효과 - 깔끔하고 현대적이며 미니멀한 미학 - 외부 종속성 없음 (순수 JavaScript 사용) 매일 아침 열고 싶은, 완성도 높고 기능적인 대시보드를 구축하세요.