{"meta":{"title":"다이어그램 만들기","intro":"GitHub Copilot 채팅은 데이터를 더 잘 이해하고 인사이트를 전달하는 다이어그램을 만드는 데 도움이 될 수 있습니다.","product":"GitHub Copilot","breadcrumbs":[{"href":"/ko/copilot","title":"GitHub Copilot"},{"href":"/ko/copilot/tutorials","title":"자습서"},{"href":"/ko/copilot/tutorials/copilot-chat-cookbook","title":"GitHub Copilot Chat 매뉴얼"},{"href":"/ko/copilot/tutorials/copilot-chat-cookbook/communicate-effectively","title":"효과적인 커뮤니케이션"},{"href":"/ko/copilot/tutorials/copilot-chat-cookbook/communicate-effectively/creating-diagrams","title":"다이어그램 만들기"}],"documentType":"article"},"body":"# 다이어그램 만들기\n\nGitHub Copilot 채팅은 데이터를 더 잘 이해하고 인사이트를 전달하는 다이어그램을 만드는 데 도움이 될 수 있습니다.\n\n깃허브 코파일럿 채팅 GitHub.com를 활용하면 Mermaid 다이어그램으로 data를 시각화하여 복잡한 정보를 직관적으로 파악하고 효과적으로 공유할 수 있습니다. 데이터나 코드를 기반으로 다이어그램을 생성하도록 공동 파일럿 채팅에게 요청할 수 있으며, 요청할 경우 그러한 다이어그램을 만드는 데 필요한 코드가 제공됩니다.\n\n## 예제 시나리오\n\nGantt 차트를 만들어 project 타임라인을 시각화하려고 합니다. GitHub.com의 공동 파일럿 채팅에 프로젝트 단계, 기간 등의 정보를 제공하여 Gantt 차트의 Mermaid 코드 생성을 요청할 수 있습니다. 그런 다음GitHub에서 문제, 토론 또는 끌어오기 요청과 같은 Mermaid 구문을 지원하는 Markdown 파일에서 이 코드를 사용할 수 있습니다.\n\n## 예시 프롬프트\n\n```copilot copy prompt\nCreate a Mermaid Gantt diagram that covers the period August 1st 2025 until January 31st, 2025. Include 5 phases, each taking 6 weeks, and overlapping equally.\n```\n\n## 예제 응답\n\n> \\[!NOTE] 다음 응답이 예제입니다. 공동 파일럿 채팅 응답은 비결정적이므로 여기에 표시된 응답과 다른 응답을 얻을 수 있습니다.\n\n> \\[!NOTE] 다음 응답이 예제입니다. 공동 파일럿 채팅 응답은 비결정적이므로 여기에 표시된 응답과 다른 응답을 얻을 수 있습니다.\n> Copilot는 순서도 작성에 필요한 Mermaid 코드를 생성할 수 있습니다.\n\n공동 파일럿 채팅에서 제공하는 코드를 복사하여 GitHub에서 Markdown을 지원하는 문제나 토론 등에 붙여넣을 수 있습니다.\n\n````text\n```mermaid\ngantt\n    title Project Timeline: Aug 2025 - Jan 2026\n    dateFormat  YYYY-MM-DD\n    axisFormat  %b %d\n\n    section Phase 1\n    Phase 1           :a1, 2025-08-01, 42d\n\n    section Phase 2\n    Phase 2           :a2, 2025-09-07, 42d\n\n    section Phase 3\n    Phase 3           :a3, 2025-10-13, 42d\n\n    section Phase 4\n    Phase 4           :a4, 2025-11-18, 42d\n\n    section Phase 5\n    Phase 5           :a5, 2025-12-24, 42d\n```\n````\n\n다이어그램을 올바르게 렌더링하려면 코드 블록 앞에 ` ```mermaid `과 뒤에 ` ``` `을 포함하여 올바른 Mermaid 구문을 사용해야 합니다.\n\n![이 Mermaid 코드는 다음과 같은 다이어그램을 생성하게 됩니다.](/assets/images/help/copilot/mermaid-gantt-chart-example.png)\n\n## 렌더링된 인어 Gantt 차트의 스크린샷.\n\n* 추가 참고 자료\n* [Mermaid 설명서](https://mermaid-js.github.io/mermaid/#/)"}