하나의 HTML 파일로 완전한 스타트업 관리 시스템 구축하기

HTML, CSS, JavaScript를 사용하여 단일 HTML 파일로 완전하고 기능적인 스타트업 관리 시스템을 구축하세요. 기능 설명 제품, 대상 고객, 목표를 정의하면 나머지 모든 것(제품 사양, 카피, 마케팅 계획, 출시 타임라인, 작업 관리)을 처리하는 CEO이자 제품 출시 관리자 역할을 하는 시스템입니다. 핵심 기능 1. 스타트업 대시보드 - 출시 카운트다운, 상태별 작업, 핵심 지표(수익 목표, 사용자, 출시 준비 상태), 최근 활동을 보여주는 깔끔한 개요 - 작업, 마일스톤, 메모를 위한 빠른 추가 버튼 - 전체 출시 준비 상태를 보여주는 진행률 표시줄 2. 제품 정의 - 제품 정의: 이름, 한 줄 설명, 대상 고객, 해결하는 문제, 주요 기능(목록), 수익 모델, 출시 날짜 - 모든 필드 편집 및 업데이트 - 모든 정보를 하나의 공유 가능한 문서로 정리하는 "제품 브리프" 보기 3. CEO 작업 관리 - 제품 정의에서 자동 생성되는 작업 - 작업을 다음 상태로 그룹화: 할 일, 진행 중, 검토, 완료 - 작업에 포함되는 항목: 제목, 설명, 우선순위, 담당자(AI 또는 사람), 마감일, 의존성 - 사용자 지정 작업 수동 추가 - 드래그 앤 드롭으로 상태 변경 4. 출시 계획 및 타임라인 - 주요 출시 마일스톤을 보여주는 시각적 타임라인 - 자동 생성되는 출시 단계: 제품 개발, 마케팅 준비, 사전 출시, 출시일, 출시 후 - 각 단계에는 작업 체크리스트 포함 - 시각적 긴급성을 갖춘 출시일 카운트다운 5. 카피 및 콘텐츠 생성기 - 생성 항목: 제품 설명, 태그라인, 엘리베이터 피치, 가치 제안, 이메일 카피, 소셜 미디어 게시물 - 생성된 카피 편집 및 저장 - 카피를 일반 텍스트 또는 서식 있는 문서로 내보내기 6. 마케팅 및 아웃리치 - 대상 채널 정의(소셜, 이메일, 광고, PR) - 제품에 기반한 마케팅 활동 자동 제안 - 아웃리치 상태 추적: 시작 전, 진행 중, 완료 - 각 채널에 대한 메모 7. 지표 및 목표 - 목표 설정: 수익, 사용자, 가입, 참여 - 시각적 차트로 진행 상황 추적 - 지표 수동 업데이트 - 예상 대비 실제 결과 보기 8. 메모 및 브레인스토밍 - 아이디어, 피드백, 자유로운 생각을 위한 전용 공간 - 메모를 다음 태그로 분류: 제품, 마케팅, 출시, 운영 - 모든 메모 검색 9. 사용자 지정 - 라이트 모드 / 다크 모드 토글 - 기본 색상 사용자 지정 - 필요 없는 섹션 편집 또는 숨기기 10. 데이터 영속성 - 모든 데이터는 localStorage에 저장 - 모든 데이터를 JSON으로 내보내기 - JSON 백업에서 데이터 가져오기 레이아웃 - 왼쪽 사이드바: 탐색(대시보드, 제품, 작업, 출시 계획, 카피, 마케팅, 지표, 메모) - 메인 영역: 선택한 보기에 따른 콘텐츠 - 상단 바: 앱 이름, 출시 카운트다운, 다크/라이트 토글 기술 요구 사항 - CSS와 JavaScript가 포함된 단일 HTML 파일 - 반응형: 데스크톱 및 태블릿에서 작동 - 부드러운 애니메이션과 전환 - 깔끔하고 현대적이며 전문적인 미학 - 외부 의존성 없음(바닐라 JS 사용) 누군가 실제로 제품을 출시하는 데 사용하고 싶어할 만한 세련되고 기능적인 스타트업 관리 시스템을 구축하세요.