[{"data":1,"prerenderedAt":711},["ShallowReactive",2],{"nav-global-ko":3,"doc-/plan/project-roadmap":271,"nav-ko":627,"surround-/plan/project-roadmap":708},[4,20,34,132,163,252],{"title":5,"path":6,"stem":7,"children":8,"page":19},"Plan","/plan","1.plan",[9,14],{"title":10,"path":11,"stem":12,"icon":13},"Planning","/plan/_dir","1.plan/_dir","i-heroicons-clipboard-document-list",{"title":15,"path":16,"stem":17,"icon":18},"프로젝트 로드맵 작성 가이드","/plan/project-roadmap","1.plan/project-roadmap","i-heroicons-map",false,{"title":21,"path":22,"stem":23,"children":24,"page":19},"Design","/design","2.design",[25,30],{"title":26,"path":27,"stem":28,"icon":29},"디자인 시스템 구축 가이드","/design/design-system-guide","2.design/1.design-system-guide","i-heroicons-book-open",{"title":21,"path":31,"stem":32,"icon":33},"/design/_dir","2.design/_dir","i-vscode-icons-file-type-design",{"title":35,"path":36,"stem":37,"children":38,"page":19},"Develop","/develop","3.develop",[39,53,74,128],{"title":40,"path":41,"stem":42,"children":43,"page":19},"Markdown","/develop/markdown","3.develop/0.markdown",[44,50],{"title":45,"path":46,"stem":47,"redirect":48,"icon":49},"MarkDown","/develop/markdown/_dir","3.develop/0.markdown/_dir","/develop/markdown/markdown","i-vscode-icons-file-type-markdown",{"title":51,"path":48,"stem":52,"icon":49},"Markdown 필수 문법 완전 정복","3.develop/0.markdown/markdown",{"title":54,"path":55,"stem":56,"children":57,"page":19},"Html","/develop/html","3.develop/1.html",[58,71],{"title":59,"path":60,"stem":61,"children":62,"page":19},"References","/develop/html/references","3.develop/1.html/1.references",[63,67],{"title":59,"path":64,"stem":65,"icon":66},"/develop/html/references/_dir","3.develop/1.html/1.references/_dir","i-vscode-icons-file-type-html",{"title":68,"path":69,"stem":70,"icon":66},"HTML이란?","/develop/html/references/html","3.develop/1.html/1.references/html",{"title":54,"path":72,"stem":73,"redirect":60,"icon":66},"/develop/html/_dir","3.develop/1.html/_dir",{"title":75,"path":76,"stem":77,"children":78,"page":19},"Frameworks","/develop/frameworks","3.develop/2.frameworks",[79,88,101,114,124],{"title":80,"path":81,"stem":82,"children":83,"page":19},"Vue","/develop/frameworks/vue","3.develop/2.frameworks/1.vue",[84],{"title":80,"path":85,"stem":86,"icon":87},"/develop/frameworks/vue/_dir","3.develop/2.frameworks/1.vue/_dir","i-logos-vue",{"title":89,"path":90,"stem":91,"children":92,"page":19},"React","/develop/frameworks/react","3.develop/2.frameworks/2.react",[93,97],{"title":89,"path":94,"stem":95,"icon":96},"/develop/frameworks/react/_dir","3.develop/2.frameworks/2.react/_dir","i-logos-react",{"title":98,"path":99,"stem":100,"icon":96},"React 애플리케이션 성능 최적화 기법","/develop/frameworks/react/react-performance-optimization","3.develop/2.frameworks/2.react/react-performance-optimization",{"title":102,"path":103,"stem":104,"children":105,"page":19},"Nuxt","/develop/frameworks/nuxt","3.develop/2.frameworks/3.nuxt",[106,110],{"title":102,"path":107,"stem":108,"icon":109},"/develop/frameworks/nuxt/_dir","3.develop/2.frameworks/3.nuxt/_dir","i-logos-nuxt-icon",{"title":111,"path":112,"stem":113,"icon":87},"Nuxt 3 시작하기 가이드","/develop/frameworks/nuxt/nuxt3-intro-guide","3.develop/2.frameworks/3.nuxt/nuxt3-intro-guide",{"title":115,"path":116,"stem":117,"children":118,"page":19},"Next","/develop/frameworks/next","3.develop/2.frameworks/4.next",[119],{"title":120,"path":121,"stem":122,"icon":123},"Next.js","/develop/frameworks/next/_dir","3.develop/2.frameworks/4.next/_dir","i-logos-nextjs-icon",{"title":75,"path":125,"stem":126,"icon":127},"/develop/frameworks/_dir","3.develop/2.frameworks/_dir","i-heroicons-code-bracket-square",{"title":129,"path":130,"stem":131,"icon":127},"Development","/develop/_dir","3.develop/_dir",{"title":133,"path":134,"stem":135,"children":136,"page":19},"Devops","/devops","4.devops",[137,159],{"title":138,"path":139,"stem":140,"children":141,"icon":143},"Operation System 설정","/devops/os","4.devops/1.os/index",[142,144,154],{"title":138,"path":139,"stem":140,"icon":143},"i-heroicons-cog-8-tooth",{"title":145,"path":146,"stem":147,"children":148,"page":19},"Linux","/devops/os/linux","4.devops/1.os/1.linux",[149],{"title":150,"path":151,"stem":152,"icon":153},"운영 체제 비교 - 윈도우, 리눅스, 맥OS","/devops/os/linux/windows_linux_macos","4.devops/1.os/1.linux/windows_linux_macOS","i-logos-linux-tux",{"title":155,"path":156,"stem":157,"icon":158},"OS","/devops/os/_dir","4.devops/1.os/_dir","i-vscode-icons-folder-type-tools",{"title":160,"path":161,"stem":162,"icon":158},"Env","/devops/_dir","4.devops/_dir",{"title":164,"path":165,"stem":166,"children":167,"page":19},"Ai","/ai","5.ai",[168,192,247],{"title":169,"path":170,"stem":171,"children":172,"page":19},"Prompt","/ai/prompt","5.ai/3.prompt",[173],{"title":174,"path":175,"stem":176,"children":177,"page":19},"Claude","/ai/prompt/claude","5.ai/3.prompt/1.claude",[178],{"title":179,"path":180,"stem":181,"children":182,"page":19},"Claude Code","/ai/prompt/claude/claude-code","5.ai/3.prompt/1.claude/claude-code",[183,187],{"title":179,"path":184,"stem":185,"redirect":180,"icon":186},"/ai/prompt/claude/claude-code/_dir","5.ai/3.prompt/1.claude/claude-code/_dir","i-logos-anthropic-icon",{"title":188,"path":189,"stem":190,"icon":191},"Claude Code MCP 서버 자동 실행 설정","/ai/prompt/claude/claude-code/mcp-server-autostart-configuration","5.ai/3.prompt/1.claude/claude-code/mcp-server-autostart-configuration","i-heroicons-server",{"title":193,"path":194,"stem":195,"children":196,"page":19},"Personas","/ai/personas","5.ai/4.personas",[197,202,206,210,214,218,222,226,230,234,238,242],{"title":198,"path":199,"stem":200,"icon":201},"🏗️ System Architect 페르소나","/ai/personas/01-system-architect","5.ai/4.personas/01-system-architect","i-heroicons-cpu-chip",{"title":203,"path":204,"stem":205},"🎨 ui-accessibility-expert persona","/ai/personas/02-ui-accessibility-expert","5.ai/4.personas/02-ui-accessibility-expert",{"title":207,"path":208,"stem":209},"⚙️ Backend API Infrastructure Specialist Persona","/ai/personas/03-backend-api-infrastructure","5.ai/4.personas/03-backend-api-infrastructure",{"title":211,"path":212,"stem":213},"🛡️ Security Threat Modeling Expert System Prompt","/ai/personas/04-security-threat-modeling-expert","5.ai/4.personas/04-security-threat-modeling-expert",{"title":215,"path":216,"stem":217},"⚡ Performance-Optimizer AI Assist Prompt","/ai/personas/05-performance-optimizer","5.ai/4.personas/05-performance-optimizer",{"title":219,"path":220,"stem":221},"🔍 Root Cause Analyzer AI Persona Prompt","/ai/personas/11-root-cause-analyzer","5.ai/4.personas/11-root-cause-analyzer",{"title":223,"path":224,"stem":225},"🧪 QA Testing Expert AI Assistant Prompt","/ai/personas/12-quality-assurance-testing-expert","5.ai/4.personas/12-quality-assurance-testing-expert",{"title":227,"path":228,"stem":229},"🔄 Code Refactoring Specialist AI Assistant Prompt","/ai/personas/13-code-refactoring-specialist","5.ai/4.personas/13-code-refactoring-specialist",{"title":231,"path":232,"stem":233},"🚀 DevOps Infrastructure Expert AI Assistant Prompt","/ai/personas/14-infra-automation-expert","5.ai/4.personas/14-infra-automation-expert",{"title":235,"path":236,"stem":237},"👨‍🏫 Educational-Guidance-Mentor Persona System Prompt","/ai/personas/21-educational-guidance-mentor","5.ai/4.personas/21-educational-guidance-mentor",{"title":239,"path":240,"stem":241},"✍️ Documentation Expert AI Assistant Prompt","/ai/personas/22-technical-documentation-expert","5.ai/4.personas/22-technical-documentation-expert",{"title":243,"path":244,"stem":245,"redirect":199,"icon":246},"AI Personas","/ai/personas/_dir","5.ai/4.personas/_dir","i-heroicons-users",{"title":248,"path":249,"stem":250,"icon":251},"AI","/ai/_dir","5.ai/_dir","i-heroicons-sparkles",{"title":253,"path":254,"stem":255,"children":256,"page":19},"Blog","/blog","6.blog",[257,267],{"title":258,"path":259,"stem":260,"children":261,"page":19},"2024","/blog/2024","6.blog/2024",[262],{"title":263,"path":264,"stem":265,"icon":266},"기록의 중요성","/blog/2024/2024-02-15-blog","6.blog/2024/2024-02-15-blog","i-heroicons-pencil-square",{"title":253,"path":268,"stem":269,"icon":270},"/blog/_dir","6.blog/_dir","i-heroicons-newspaper",{"id":272,"title":15,"authors":273,"body":274,"description":619,"draft":19,"extension":620,"head":273,"icon":273,"image":621,"meta":622,"navigation":624,"path":16,"publishedAt":273,"seo":625,"stem":17,"tags":273,"updatedAt":623,"__hash__":626},"docs_ko/1.plan/project-roadmap.md",null,{"type":275,"value":276,"toc":608},"minimark",[277,281,286,291,294,305,309,312,331,335,338,448,452,455,476,480,567,571,598,601,604],[278,279,280],"p",{},"프로젝트 로드맵은 프로젝트의 목표와 진행 방향을 시각적으로 보여주는 중요한 도구입니다. 명확한 로드맵은 팀원들에게 공통된 비전을 제공하고 진행 상황을 효과적으로 추적할 수 있게 해줍니다.",[282,283,285],"h2",{"id":284},"로드맵-작성의-핵심-요소","로드맵 작성의 핵심 요소",[287,288,290],"h3",{"id":289},"_1-명확한-목표-설정","1. 명확한 목표 설정",[278,292,293],{},"프로젝트의 최종 목표를 명확하게 정의하는 것부터 시작하세요. 모든 팀원이 이해할 수 있는 구체적인 목표를 설정합니다.",[295,296,301],"pre",{"className":297,"code":299,"language":300},[298],"language-text","예시: \"2024년 4분기까지 사용자 인증 시스템을 AWS Cognito로 마이그레이션하여 보안 강화 및 유지보수 비용 20% 감소\"\n","text",[302,303,299],"code",{"__ignoreMap":304},"",[287,306,308],{"id":307},"_2-주요-마일스톤-식별","2. 주요 마일스톤 식별",[278,310,311],{},"프로젝트를 완성하기 위한 주요 단계들을 식별합니다. 각 마일스톤은 측정 가능하고 완료 여부를 확인할 수 있어야 합니다.",[313,314,315,319,322,325,328],"ul",{},[316,317,318],"li",{},"요구사항 분석 및 문서화",[316,320,321],{},"설계 및 아키텍처 결정",[316,323,324],{},"개발 단계 (백엔드, 프론트엔드)",[316,326,327],{},"테스트 및 QA",[316,329,330],{},"배포 및 모니터링 설정",[287,332,334],{"id":333},"_3-타임라인-설정","3. 타임라인 설정",[278,336,337],{},"각 마일스톤과 작업에 현실적인 기간을 할당합니다. 팀의 역량과 가용 리소스를 고려하세요.",[339,340,341,360],"table",{},[342,343,344],"thead",{},[345,346,347,351,354,357],"tr",{},[348,349,350],"th",{},"마일스톤",[348,352,353],{},"시작일",[348,355,356],{},"종료일",[348,358,359],{},"담당자",[361,362,363,378,392,406,420,434],"tbody",{},[345,364,365,369,372,375],{},[366,367,368],"td",{},"요구사항 분석",[366,370,371],{},"2024-03-01",[366,373,374],{},"2024-03-15",[366,376,377],{},"김기획",[345,379,380,383,386,389],{},[366,381,382],{},"시스템 설계",[366,384,385],{},"2024-03-16",[366,387,388],{},"2024-04-05",[366,390,391],{},"이아키텍트",[345,393,394,397,400,403],{},[366,395,396],{},"백엔드 개발",[366,398,399],{},"2024-04-06",[366,401,402],{},"2024-05-20",[366,404,405],{},"박개발, 최개발",[345,407,408,411,414,417],{},[366,409,410],{},"프론트엔드 개발",[366,412,413],{},"2024-04-15",[366,415,416],{},"2024-05-30",[366,418,419],{},"정프론트",[345,421,422,425,428,431],{},[366,423,424],{},"통합 테스트",[366,426,427],{},"2024-06-01",[366,429,430],{},"2024-06-15",[366,432,433],{},"QA팀",[345,435,436,439,442,445],{},[366,437,438],{},"배포 준비",[366,440,441],{},"2024-06-16",[366,443,444],{},"2024-06-30",[366,446,447],{},"DevOps팀",[282,449,451],{"id":450},"로드맵-시각화-도구","로드맵 시각화 도구",[278,453,454],{},"효과적인 로드맵 시각화를 위한 도구들:",[313,456,457,464,470],{},[316,458,459,463],{},[460,461,462],"strong",{},"Mermaid",": 마크다운 기반 다이어그램 (이 문서 시스템에서 지원)",[316,465,466,469],{},[460,467,468],{},"Gantt 차트",": 일정 및 진행 상황 추적에 효과적",[316,471,472,475],{},[460,473,474],{},"Trello/Jira",": 작업 관리 및 진행 상황 모니터링",[282,477,479],{"id":478},"로드맵-예시-mermaid","로드맵 예시 (Mermaid)",[295,481,485],{"className":482,"code":483,"language":484,"meta":304,"style":304},"language-mermaid shiki shiki-themes github-light github-dark","gantt\n    title 프로젝트 로드맵\n    dateFormat  YYYY-MM-DD\n    section 계획\n    요구사항 분석        :a1, 2024-03-01, 15d\n    시스템 설계          :a2, after a1, 21d\n    section 개발\n    백엔드 개발          :a3, after a2, 45d\n    프론트엔드 개발      :a4, 2024-04-15, 46d\n    section 검증\n    통합 테스트          :a5, after a3 a4, 15d\n    section 배포\n    배포 준비            :a6, after a5, 15d\n","mermaid",[302,486,487,495,501,507,513,519,525,531,537,543,549,555,561],{"__ignoreMap":304},[488,489,492],"span",{"class":490,"line":491},"line",1,[488,493,494],{},"gantt\n",[488,496,498],{"class":490,"line":497},2,[488,499,500],{},"    title 프로젝트 로드맵\n",[488,502,504],{"class":490,"line":503},3,[488,505,506],{},"    dateFormat  YYYY-MM-DD\n",[488,508,510],{"class":490,"line":509},4,[488,511,512],{},"    section 계획\n",[488,514,516],{"class":490,"line":515},5,[488,517,518],{},"    요구사항 분석        :a1, 2024-03-01, 15d\n",[488,520,522],{"class":490,"line":521},6,[488,523,524],{},"    시스템 설계          :a2, after a1, 21d\n",[488,526,528],{"class":490,"line":527},7,[488,529,530],{},"    section 개발\n",[488,532,534],{"class":490,"line":533},8,[488,535,536],{},"    백엔드 개발          :a3, after a2, 45d\n",[488,538,540],{"class":490,"line":539},9,[488,541,542],{},"    프론트엔드 개발      :a4, 2024-04-15, 46d\n",[488,544,546],{"class":490,"line":545},10,[488,547,548],{},"    section 검증\n",[488,550,552],{"class":490,"line":551},11,[488,553,554],{},"    통합 테스트          :a5, after a3 a4, 15d\n",[488,556,558],{"class":490,"line":557},12,[488,559,560],{},"    section 배포\n",[488,562,564],{"class":490,"line":563},13,[488,565,566],{},"    배포 준비            :a6, after a5, 15d\n",[282,568,570],{"id":569},"로드맵-관리-모범-사례","로드맵 관리 모범 사례",[572,573,574,580,586,592],"ol",{},[316,575,576,579],{},[460,577,578],{},"정기적인 업데이트",": 최소 2주에 한 번씩 로드맵을 검토하고 업데이트합니다.",[316,581,582,585],{},[460,583,584],{},"투명한 공유",": 모든 이해관계자가 접근할 수 있는 곳에 로드맵을 게시합니다.",[316,587,588,591],{},[460,589,590],{},"유연성 유지",": 변경사항이 발생할 경우 로드맵을 조정할 준비를 합니다.",[316,593,594,597],{},[460,595,596],{},"우선순위 명확화",": 핵심 기능과 \"해야 할 것\", \"하면 좋을 것\"을 구분합니다.",[282,599,600],{"id":600},"결론",[278,602,603],{},"효과적인 프로젝트 로드맵은 단순히 일정표가 아니라 팀의 비전과 방향성을 공유하는 소통 도구입니다. 명확한 목표, 현실적인 타임라인, 그리고 정기적인 업데이트를 통해 프로젝트의 성공 확률을 높일 수 있습니다.",[605,606,607],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":304,"searchDepth":497,"depth":497,"links":609},[610,615,616,617,618],{"id":284,"depth":497,"text":285,"children":611},[612,613,614],{"id":289,"depth":503,"text":290},{"id":307,"depth":503,"text":308},{"id":333,"depth":503,"text":334},{"id":450,"depth":497,"text":451},{"id":478,"depth":497,"text":479},{"id":569,"depth":497,"text":570},{"id":600,"depth":497,"text":600},"효과적인 프로젝트 로드맵 작성 방법과 템플릿","md","/images/content/1.plan/project-roadmap.png",{"createdAt":623},"2024-02-15",{"icon":18},{"title":15,"description":619},"RMQH6J2AXAvqxfJmYqmIB55Gwj2OX5_siWkn1btPZYk",[628,632,636,667,677,702],{"title":5,"path":6,"stem":7,"children":629,"page":19},[630,631],{"title":10,"path":11,"stem":12,"icon":13},{"title":15,"path":16,"stem":17,"icon":18},{"title":21,"path":22,"stem":23,"children":633,"page":19},[634,635],{"title":26,"path":27,"stem":28,"icon":29},{"title":21,"path":31,"stem":32,"icon":33},{"title":35,"path":36,"stem":37,"children":637,"page":19},[638,642,649,666],{"title":40,"path":41,"stem":42,"children":639,"page":19},[640,641],{"title":45,"path":46,"stem":47,"redirect":48,"icon":49},{"title":51,"path":48,"stem":52,"icon":49},{"title":54,"path":55,"stem":56,"children":643,"page":19},[644,648],{"title":59,"path":60,"stem":61,"children":645,"page":19},[646,647],{"title":59,"path":64,"stem":65,"icon":66},{"title":68,"path":69,"stem":70,"icon":66},{"title":54,"path":72,"stem":73,"redirect":60,"icon":66},{"title":75,"path":76,"stem":77,"children":650,"page":19},[651,654,658,662,665],{"title":80,"path":81,"stem":82,"children":652,"page":19},[653],{"title":80,"path":85,"stem":86,"icon":87},{"title":89,"path":90,"stem":91,"children":655,"page":19},[656,657],{"title":89,"path":94,"stem":95,"icon":96},{"title":98,"path":99,"stem":100,"icon":96},{"title":102,"path":103,"stem":104,"children":659,"page":19},[660,661],{"title":102,"path":107,"stem":108,"icon":109},{"title":111,"path":112,"stem":113,"icon":87},{"title":115,"path":116,"stem":117,"children":663,"page":19},[664],{"title":120,"path":121,"stem":122,"icon":123},{"title":75,"path":125,"stem":126,"icon":127},{"title":129,"path":130,"stem":131,"icon":127},{"title":133,"path":134,"stem":135,"children":668,"page":19},[669,676],{"title":138,"path":139,"stem":140,"children":670,"icon":143},[671,672,675],{"title":138,"path":139,"stem":140,"icon":143},{"title":145,"path":146,"stem":147,"children":673,"page":19},[674],{"title":150,"path":151,"stem":152,"icon":153},{"title":155,"path":156,"stem":157,"icon":158},{"title":160,"path":161,"stem":162,"icon":158},{"title":164,"path":165,"stem":166,"children":678,"page":19},[679,687,701],{"title":169,"path":170,"stem":171,"children":680,"page":19},[681],{"title":174,"path":175,"stem":176,"children":682,"page":19},[683],{"title":179,"path":180,"stem":181,"children":684,"page":19},[685,686],{"title":179,"path":184,"stem":185,"redirect":180,"icon":186},{"title":188,"path":189,"stem":190,"icon":191},{"title":193,"path":194,"stem":195,"children":688,"page":19},[689,690,691,692,693,694,695,696,697,698,699,700],{"title":198,"path":199,"stem":200,"icon":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245,"redirect":199,"icon":246},{"title":248,"path":249,"stem":250,"icon":251},{"title":253,"path":254,"stem":255,"children":703,"page":19},[704,707],{"title":258,"path":259,"stem":260,"children":705,"page":19},[706],{"title":263,"path":264,"stem":265,"icon":266},{"title":253,"path":268,"stem":269,"icon":270},[709,710],{"title":10,"path":11,"stem":12,"icon":13,"children":-1},{"title":26,"path":27,"stem":28,"icon":29,"children":-1},1773760864604]