> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-detect-table-modification.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Apache Superset은 오픈소스 데이터 탐색 및 시각화 플랫폼입니다.

# Superset을 ClickHouse에 연결하기

export const ClickHouseSupportedBadge = () => {
  return <div className="ClickHouseSupportedBadge">
            <div className="ClickHouseSupportedIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.30762 1.39073C1.30762 1.3103 1.37465 1.22986 1.46849 1.22986H2.64824C2.72868 1.22986 2.80912 1.29689 2.80912 1.39073V14.4886C2.80912 14.5691 2.74209 14.6495 2.64824 14.6495H1.46849C1.38805 14.6495 1.30762 14.5825 1.30762 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M4.2832 1.39073C4.2832 1.3103 4.35023 1.22986 4.44408 1.22986H5.62383C5.70427 1.22986 5.7847 1.29689 5.7847 1.39073V14.4886C5.7847 14.5691 5.71767 14.6495 5.62383 14.6495H4.44408C4.36364 14.6495 4.2832 14.5825 4.2832 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M7.25977 1.39073C7.25977 1.3103 7.3268 1.22986 7.42064 1.22986H8.60039C8.68083 1.22986 8.76127 1.29689 8.76127 1.39073V14.4886C8.76127 14.5691 8.69423 14.6495 8.60039 14.6495H7.42064C7.3402 14.6495 7.25977 14.5825 7.25977 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M10.2354 1.39073C10.2354 1.3103 10.3024 1.22986 10.3962 1.22986H11.576C11.6564 1.22986 11.7369 1.29689 11.7369 1.39073V14.4886C11.7369 14.5691 11.6698 14.6495 11.576 14.6495H10.3962C10.3158 14.6495 10.2354 14.5825 10.2354 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M13.2256 6.6057C13.2256 6.52526 13.2926 6.44482 13.3865 6.44482H14.5662C14.6466 6.44482 14.7271 6.51186 14.7271 6.6057V9.27354C14.7271 9.35398 14.6601 9.43442 14.5662 9.43442H13.3865C13.306 9.43442 13.2256 9.36739 13.2256 9.27354V6.6057Z" fill="currentColor" />
                </svg>
            </div>
            ClickHouse 지원
        </div>;
};

export const Image = ({img, alt, size = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

<a href="https://superset.apache.org/" target="_blank">Apache Superset</a>는 Python으로 작성된 오픈소스 데이터 탐색 및 시각화 플랫폼입니다. Superset은 ClickHouse에서 제공하는 Python 드라이버를 사용해 ClickHouse에 연결합니다. 작동 방식을 살펴보겠습니다...

<div id="goal">
  ## 목표
</div>

이 가이드에서는 ClickHouse 데이터베이스의 데이터를 사용해 Superset에서 대시보드를 만듭니다. 완성된 대시보드는 다음과 같습니다.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=174c49d036b71378d46d6b112762bcd0" alt="여러 파이 차트와 테이블을 포함해 영국 부동산 가격을 보여주는 Superset 대시보드" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

<br />

<Tip>
  **데이터 추가**

  작업할 데이터셋이 없다면 예시 중 하나를 추가할 수 있습니다. 이 가이드에서는 [UK Price Paid](/ko/get-started/sample-datasets/uk-price-paid) 데이터셋을 사용하므로, 이를 선택하면 됩니다. 같은 문서 카테고리에서 확인할 수 있는 다른 예시도 여러 개 있습니다.
</Tip>

<div id="1-gather-your-connection-details">
  ## 1. 연결 정보 확인하기
</div>

HTTP(S)로 ClickHouse에 연결하려면 다음 정보가 필요합니다.

| 매개변수                      | 설명                                                         |
| ------------------------- | ---------------------------------------------------------- |
| `HOST` and `PORT`         | 일반적으로 TLS를 사용하는 경우 포트는 8443, TLS를 사용하지 않는 경우 8123입니다.      |
| `DATABASE NAME`           | 기본적으로 `default`라는 이름의 데이터베이스가 제공되며, 연결할 데이터베이스 이름을 사용하십시오. |
| `USERNAME` and `PASSWORD` | 기본 사용자 이름은 `default`입니다. 사용 사례에 맞는 사용자 이름을 사용하십시오.         |

ClickHouse Cloud 서비스의 연결 정보는 ClickHouse Cloud 콘솔에서 확인할 수 있습니다.
서비스를 선택한 다음 **Connect**를 클릭하십시오.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/0yJtAU6cqYAQlCWC/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=0yJtAU6cqYAQlCWC&q=85&s=2d1e2340e1ddccf3199ca1e41eeba836" size="md" alt="ClickHouse Cloud 서비스 연결 버튼" border width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />

**HTTPS**를 선택하십시오. 연결 정보가 예시 `curl` 명령으로 표시됩니다.

<Image img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/0yJtAU6cqYAQlCWC/images/_snippets/connection-details-https.webp?fit=max&auto=format&n=0yJtAU6cqYAQlCWC&q=85&s=2ea2af378046d5ec87ea8e78de573bc1" size="md" alt="ClickHouse Cloud HTTPS 연결 정보" border width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />

자가 관리형 ClickHouse를 사용하는 경우 연결 정보는 ClickHouse 관리자가 설정합니다.

<div id="2-install-the-driver">
  ## 2. 드라이버 설치
</div>

1. Superset은 ClickHouse에 연결하기 위해 `clickhouse-connect` 드라이버를 사용합니다. `clickhouse-connect`에 대한 자세한 내용은 <a href="https://pypi.org/project/clickhouse-connect/" target="_blank">[https://pypi.org/project/clickhouse-connect/](https://pypi.org/project/clickhouse-connect/)</a>에서 확인할 수 있으며, 다음 명령으로 설치할 수 있습니다.

   ```console theme={null}
   pip install clickhouse-connect
   ```

<Info>
  **Docker Compose 설정**

  Docker 기반 설치에서는 컨테이너에 `clickhouse-connect`를 추가하는 방법을 [Superset 데이터베이스 구성 가이드](https://superset.apache.org/docs/configuration/databases/#clickhouse)에서 확인하십시오.
</Info>

2. Superset을 시작하거나 다시 시작하십시오.

<div id="3-connect-superset-to-clickhouse">
  ## 3. Superset를 ClickHouse에 연결하기
</div>

1. Superset에서 상단 메뉴의 **Data**를 선택한 다음 드롭다운 메뉴에서 **Databases**를 선택합니다. **+ Database** 버튼을 클릭하여 새 데이터베이스를 추가합니다.

<Image size="lg" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_01.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=35d9d6552fadb98a7f768b1b4f4c46f3" alt="**+ Database** 버튼이 강조 표시된 Database 메뉴를 보여주는 Superset 인터페이스" border width="1572" height="243" data-path="images/integrations/data-visualization/superset_01.webp" />

<br />

2. 첫 번째 단계에서 데이터베이스 유형으로 **ClickHouse Connect**를 선택합니다.

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_02.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=4f9b28955366dea0676d5380876a0990" alt="**ClickHouse Connect** 옵션이 선택된 Superset 데이터베이스 연결 마법사" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.webp" />

<br />

3. 두 번째 단계에서:

* SSL 사용 여부를 설정합니다.
* 앞서 확인한 연결 정보를 입력합니다.
* **DISPLAY NAME**을 지정합니다. 원하는 이름을 사용할 수 있습니다. 여러 ClickHouse 데이터베이스에 연결할 예정이라면 더 구체적인 이름을 지정하는 것이 좋습니다.

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_03.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=6c7b0c6a5f1f81d47a9c376af03f660c" alt="ClickHouse 연결 매개변수가 표시된 Superset 연결 구성 양식" border width="499" height="838" data-path="images/integrations/data-visualization/superset_03.webp" />

<br />

4. **CONNECT**를 클릭한 다음 **FINISH**를 클릭하여 설정 마법사를 완료합니다. 완료되면 데이터베이스 목록에 추가한 데이터베이스가 표시됩니다.

<div id="4-add-a-dataset">
  ## 4. 데이터셋 추가
</div>

1. Superset에서 ClickHouse 데이터를 사용하려면 ***데이터셋***을 정의해야 합니다. Superset 상단 메뉴에서 **Data**를 선택한 다음 드롭다운 메뉴에서 **Datasets**를 선택하십시오.

2. 데이터셋 추가 버튼을 클릭하십시오. 새 데이터베이스를 데이터 소스로 선택하면 해당 데이터베이스에 정의된 테이블이 표시됩니다:

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_04.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=2911156e736a59248bc9a5f86f7c8fef" alt="ClickHouse 데이터베이스에서 사용 가능한 테이블을 보여주는 Superset 데이터셋 생성 대화 상자" border width="412" height="323" data-path="images/integrations/data-visualization/superset_04.webp" />

<br />

3. 대화 상자 하단의 **ADD** 버튼을 클릭하면 테이블이 데이터셋 목록에 나타납니다. 이제 대시보드를 만들고 ClickHouse 데이터를 분석할 준비가 되었습니다!

<div id="5--creating-charts-and-a-dashboard-in-superset">
  ## 5.  Superset에서 차트와 대시보드 만들기
</div>

Superset에 익숙하다면 다음 섹션도 어렵지 않게 진행할 수 있습니다. Superset이 처음이라면, 음... 다른 훌륭한 시각화 도구들과 비슷하다고 보면 됩니다. 시작은 쉽지만, 세부 기능과 사용상의 차이는 직접 사용하면서 점차 익히게 됩니다.

1. 먼저 대시보드를 만듭니다. Superset의 상단 메뉴에서 **Dashboards**를 선택합니다. 오른쪽 상단의 버튼을 클릭해 새 대시보드를 추가합니다. 아래 예시의 대시보드 이름은 **UK property prices**입니다:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_05.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=87631ef32bb189f46e6bf0025e90ee4e" alt="차트를 추가할 준비가 된 UK property prices라는 이름의 빈 Superset 대시보드" border width="959" height="445" data-path="images/integrations/data-visualization/superset_05.webp" />

<br />

2. 새 차트를 만들려면 상단 메뉴에서 **Charts**를 선택한 다음, 버튼을 클릭해 새 차트를 추가합니다. 다양한 옵션이 표시됩니다. 아래 예시에서는 **CHOOSE A DATASET** 드롭다운에서 **uk\_price\_paid** 데이터셋을 선택하고 **Pie Chart** 차트를 사용하는 모습을 보여줍니다:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_06.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=a5afa33b2839ded74b22575b2d4351b2" alt="Pie Chart 시각화 유형이 선택된 Superset 차트 생성 인터페이스" border width="1098" height="998" data-path="images/integrations/data-visualization/superset_06.webp" />

<br />

3. Superset의 파이 차트에는 **Dimension**과 **Metric**이 필요하며, 나머지 설정은 선택 사항입니다. 차원과 메트릭에는 원하는 필드를 선택할 수 있고, 이 예시에서는 ClickHouse 필드 `district`를 차원으로, `AVG(price)`를 메트릭으로 사용합니다.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_08.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=bec9ee6982810ee8d0d50df64aadda07" alt="파이 차트에 district 필드가 선택된 차원 구성" border width="657" height="633" data-path="images/integrations/data-visualization/superset_08.webp" />

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_09.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=c35b9158acf999cfc288099c8d82e1b9" alt="파이 차트의 AVG(price) 집계 함수가 표시된 메트릭 구성" border width="657" height="605" data-path="images/integrations/data-visualization/superset_09.webp" />

<br />

5. 파이 차트보다 도넛 차트를 선호한다면 **CUSTOMIZE** 아래에서 해당 옵션과 기타 옵션을 설정할 수 있습니다:

<Image size="sm" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_10.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=861d93ea542d3778ef8c476d1f330dbc" alt="도넛 차트 옵션과 기타 파이 차트 구성 설정을 보여주는 사용자 지정 패널" border width="320" height="929" data-path="images/integrations/data-visualization/superset_10.webp" />

<br />

6. **SAVE** 버튼을 클릭해 차트를 저장한 다음, **ADD TO DASHBOARD** 드롭다운에서 **UK property prices**를 선택합니다. 이어서 **SAVE & GO TO DASHBOARD**를 클릭하면 차트가 저장되고 대시보드에 추가됩니다:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_11.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=941da2cf48398f80eaad4ac191460fd0" alt="대시보드 선택 드롭다운과 Save & Go to Dashboard 버튼이 있는 차트 저장 대화상자" border width="1442" height="792" data-path="images/integrations/data-visualization/superset_11.webp" />

<br />

7. 이것으로 끝입니다. ClickHouse의 데이터를 기반으로 Superset에서 대시보드를 만들면 매우 빠른 데이터 분석의 가능성을 폭넓게 활용할 수 있습니다!

<Image size="md" img="https://mintcdn.com/private-7c7dfe99-detect-table-modification/svLCKm9RWi4jibqG/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=svLCKm9RWi4jibqG&q=85&s=174c49d036b71378d46d6b112762bcd0" alt="ClickHouse의 UK property price 데이터에 대한 여러 시각화가 포함된 완성된 Superset 대시보드" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

<br />
