단일 파일 대화형 비전 및 무드 보드 앱을 구축하세요.

개요: 현대적인 HTML5, CSS3, 그리고 Google Fonts(Playfair Display 및 Plus Jakarta Sans)를 포함한 내장 JavaScript를 사용하여 프로덕션 준비가 된 단일 파일 인터랙티브 비전 및 무드 보드 웹 애플리케이션을 moodboard.html에 구축합니다. 주요 사양: - 레이아웃 및 디자인: 따뜻한 중성 톤(--bg: #f5f2eb, --card-bg: #ffffff, --text-main: #2b2623, --accent: #b88651)을 갖춘 에디토리얼 미학을 특징으로 하는 중앙 정렬 벤토 그리드 레이아웃. 상단 헤더 바에는 편집 가능한 보드 태그, 제목, 부제목과 함께 유틸리티 툴바가 포함됩니다. - 인터랙티브 구성 요소: 즉각적인 사용자 지정을 위해 contenteditable을 사용하는 완전 편집 가능한 텍스트 요소. 파일 리더를 통한 로컬 디바이스 이미지 업로드와 인터랙티브 포토 오버레이가 있는 사용자 지정 URL 붙여넣기를 모두 지원하는 동적 이미지 카드. 삭제 토글 기능이 있는 내장 습관 트래커가 포함된 일일 인텐션 체크리스트. 라이브 컬러 피커 입력이 있는 사용자 지정 가능한 인터랙티브 컬러 팔레트 블록. localStorage를 사용한 영구 로컬 상태 저장과 기본 설정을 복원하는 리셋 기능을 포함하며, 모든 코드는 단일 파일로 반환됩니다.