> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 데이터에서 대시보드 만들기

> 공개 CSV, 스프레드시트, 데이터베이스, 웨어하우스 커넥터, API를 명확한 질문에 답하는 대시보드로 변환하세요.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

대시보드는 누군가가 데이터를 기반으로 결정을 내리는 데 도움을 줍니다.

공개 CSV에서 **Global Progress Explorer**를 빌드할 것입니다: 연도, 인구, 대륙, 기대 수명, 1인당 GDP가 포함된 국가 수준 데이터.

## 달성할 내용

이 가이드를 마치면 다음을 갖게 됩니다:

* 실제적인 공개 CSV에서 빌드한 Global Progress Explorer 대시보드.
* 국가, 인구, 기대 수명, 1인당 GDP에 대한 요약 지표.
* 시간에 따른 진행 변화를 보여주는 차트와 필터.
* 대시보드 수치가 소스 데이터와 일치하는지 확인하는 방법.
* 이해관계자를 위해 공유하거나 게시할 수 있는 대시보드.

## 배울 내용

다음을 배우게 됩니다:

* 차트 유형이 아닌 결정에서 시작하는 방법.
* Agent에게 공개 CSV에서 대시보드를 빌드하도록 요청하는 방법.
* 기본 데이터와 계산을 확인하는 방법.
* 필터와 인사이트 요약을 추가하는 방법.
* 대시보드에 로그인, 새로 고침, 내보내기, 연결된 데이터가 필요한 시점을 결정하는 방법.

## 이 가이드는 누구를 위한 것인가요

고객, 영업, 제품, 운영, 연구, 또는 공개 데이터가 있고 사람들이 이해할 수 있는 대시보드가 필요한 경우 이 가이드를 사용하세요.

원시 데이터를 결정으로 변환해야 하는 분석가, 운영자, 창업자, PM, 교육자, 그리고 팀에 유용합니다.

## 결정 정의하기

빌드하기 전에 대시보드가 지원해야 할 결정을 적어 두세요.

글로벌 진행 데이터셋의 경우:

* **질문**: 기대 수명과 1인당 GDP가 시간이 지남에 따라 어디서 개선되었나요?
* **대상**: 교육, 연구, 전략, 또는 비영리 팀.
* **유용한 지표**: 국가 수, 연도 범위, 최신 중위 기대 수명, 대표된 총 인구, 중위 1인당 GDP.
* **유용한 필터**: 대륙, 국가, 연도 범위.

결정을 명시할 수 없다면, 대시보드는 유용한 도구 대신 차트 모음이 될 것입니다.

## 공개 CSV에서 빌드하기

의미 있는 필드와 탐색할 수 있는 충분한 행이 있는 긍정적인 공개 데이터셋을 사용하세요.

데이터셋: [Gapminder 글로벌 진행 CSV](https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv)

Agent에게 해당 CSV에서 대시보드를 빌드하도록 요청하세요:

<AiPrompt>
  Build a Global Progress Explorer dashboard from this public CSV:<br />
  [https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv](https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv)<br />
  The dashboard should help an education or research team understand how life expectancy, population, and GDP per capita changed across countries and continents from 1952 to 2007.<br />
  Include summary cards for total countries, year range, latest median life expectancy, total population represented, and latest median GDP per capita.<br />
  Add a line chart for life expectancy over time by continent.<br />
  Add a bubble chart where GDP per capita is on the x-axis, life expectancy is on the y-axis, bubble size represents population, and color represents continent.<br />
  Add a bar chart showing the countries with the largest life expectancy gains between their first and latest year in the dataset.<br />
  Add filters for continent, country, and year range.<br />
  Include a short insights summary that explains the biggest patterns and which regions or countries improved most.<br />
  Show how key metrics are calculated so I can verify the numbers.<br />
  Make the dashboard polished, responsive, and easy to read on desktop and mobile.
</AiPrompt>

## 작업 확인하기

대시보드를 공유하기 전에 Preview를 열고 확인하세요.

다음을 확인하세요:

* 총 국가 수가 CSV의 고유 국가 수와 일치하는지.
* 연도 범위가 1952년에서 2007년으로 표시되는지.
* 최신 중위 기대 수명이 데이터셋의 최신 연도를 사용하는지.
* 인구 합계가 필터링된 국가와 연도를 사용하는지.
* 필터가 요약 카드와 차트를 업데이트하는지.
* 버블 차트가 1인당 GDP, 기대 수명, 인구, 대륙을 올바르게 사용하는지.
* 인사이트 요약이 차트가 보여주는 것과 일치하는지.
* 대시보드가 폰 크기 화면에서 작동하는지.

숫자가 예상과 다르게 보인다면, Agent에게 계산을 보여달라고 요청하세요.

<AiPrompt>
  The latest median life expectancy looks different than I expected.<br />
  Show me how you calculated it from the CSV.<br />
  Check that you used only rows from the latest year in the filtered data.<br />
  Update the calculation if needed and tell me how to verify it.
</AiPrompt>

## 필터와 내보내기 추가하기

첫 번째 대시보드가 작동하면, 대상이 데이터를 탐색하는 데 도움이 되는 상호 작용을 Agent에게 요청하세요.

<AiPrompt>
  Add an exploration panel for the global progress dashboard.<br />
  Let me filter by continent, country, and year range.<br />
  Add a button to export the filtered chart data to CSV.<br />
  Keep the summary cards and insights summary in sync with the filters.
</AiPrompt>

대시보드는 PDF 내보내기, 차트 CSV 내보내기, 새로 고침, 자동 새로 고침, 라이트/다크 모드, 분석 요약도 지원할 수 있습니다. 개념 개요는 [데이터 시각화](/references/artifact-types/data-apps)를 참조하세요.

## 필요할 때 연결된 데이터 사용하기

학습하거나 프로토타입을 만들 때는 공개 CSV를 사용하세요. 대시보드가 최신 상태를 유지해야 할 때는 연결된 데이터 소스를 사용하세요.

대시보드를 다음에 연결할 수 있습니다:

* Replit 앱 데이터베이스.
* BigQuery, Databricks, Snowflake와 같은 웨어하우스 커넥터.
* Segment, Amplitude, Hex와 같은 분석 도구.
* 외부 API.

웨어하우스 데이터의 경우, Agent에게 사용하는 필드와 쿼리를 설명해달라고 요청하세요.

<AiPrompt>
  Create a growth dashboard using our warehouse connector.<br />
  Identify the customer, product usage, billing, and retention fields needed.<br />
  Build charts for active customers over time, account growth by segment, and expansion revenue by plan.<br />
  Explain the fields and calculations you used so I can verify the dashboard.
</AiPrompt>

설정 및 가용성 세부 사항은 [데이터 커넥터](/connectors/warehouses/overview)를 참조하세요.

## 대시보드 공유하기

숫자가 신뢰할 수 있을 때 대시보드를 공유하세요.

대시보드가 비공개 고객 또는 비즈니스 데이터를 사용하는 경우, 널리 공유하기 전에 접근 제어를 추가하세요. 공개 또는 샘플 데이터의 경우 URL을 직접 게시하고 공유할 수 있습니다.

검토자에게 물어보세요:

> 글로벌 진행 대시보드를 검토하고, 먼저 강조하고 싶은 지역이나 국가 이야기와 그 이유를 알려주세요.

## 완료 기준

* 대시보드가 공개 CSV를 불러옵니다.
* 요약 카드와 차트가 진행 질문에 답합니다.
* 주요 지표 하나를 수동으로 확인했습니다.
* 필터가 대시보드를 올바르게 업데이트합니다.
* 인사이트 요약이 데이터와 일치합니다.
* 대시보드가 공개 상태를 유지해야 하는지, 로그인이 필요한지, 아니면 라이브 데이터에 연결해야 하는지 알고 있습니다.

## 다음 단계

<CardGroup cols={2}>
  <Card title="로그인 추가하기" icon="lock" href="/build/add-login">
    올바른 사람만 볼 수 있도록 대시보드에 인증을 적용하세요.
  </Card>

  <Card title="데이터베이스 추가하기" icon="database" href="/build/add-database">
    세션 사이에 데이터가 유지되고 새로 고침되도록 저장하세요.
  </Card>

  <Card title="통합 추가하기" icon="plug" href="/build/add-integrations">
    다른 데이터 소스를 가져오거나 인사이트를 기존 도구로 보내세요.
  </Card>

  <Card title="데이터 커넥터" icon="network-wired" href="/connectors/warehouses/overview">
    대시보드가 최신 데이터를 반영하도록 라이브 웨어하우스에 연결하세요.
  </Card>

  <Card title="인사이트를 덱으로 변환하기" icon="presentation-screen">
    Agent에게 대시보드 발견 사항에서 이해관계자 프레젠테이션을 만들도록 요청하세요.
  </Card>
</CardGroup>

## 추가 도움이 필요하신가요?

* **숫자가 예상과 다를 때:** Agent에게 쿼리, 공식, 또는 변환을 보여달라고 요청하세요.
* **CSV를 사용할 수 없을 때:** URL, 네트워크 접근, CSV 헤더를 확인하세요.
* **필터가 차트를 업데이트하지 않을 때:** Agent에게 필터를 요약 카드와 차트 데이터 모두에 연결해달라고 요청하세요.
* **대시보드가 느릴 때:** Agent에게 데이터를 요약하거나, 필터를 추가하거나, 시작 시 불러오는 행을 줄여달라고 요청하세요.
* **대시보드가 비공개 데이터를 사용할 때:** 널리 공유하기 전에 로그인을 추가하세요.

## 관련 항목

* [데이터 시각화](/references/artifact-types/data-apps)
* [데이터 커넥터](/connectors/warehouses/overview)
* [로그인 추가하기](/build/add-login)
* [통합 추가하기](/build/add-integrations)
