Streamlit fragments 사용하기

Streamlit fragments 사용하기

Streamlit
Streamlit fragments 사용하기
Author

gabriel yang

Published

September 19, 2024


Streamlit의 st.column_config.LinkColumn: 링크 컬럼을 활용한 데이터 표현

Streamlit은 데이터 애플리케이션을 쉽게 만들 수 있는 강력한 도구입니다. 그중 st.column_config.LinkColumn은 데이터프레임의 특정 열에 링크를 추가하여 사용자에게 정보를 제공하는 데 매우 유용합니다. 이번 글에서는 LinkColumn의 기본 사용법과 함께 간단한 예제를 소개하겠습니다.

LinkColumn이란?

st.column_config.LinkColumn은 데이터프레임에서 URL 링크를 포함한 열을 만들어 주는 기능입니다. 이를 통해 사용자는 클릭하여 외부 웹페이지나 리소스로 이동할 수 있습니다. 이 기능은 특히 데이터 시각화 대시보드나 보고서에서 유용하게 활용될 수 있습니다.

기본 사용법

LinkColumn을 사용하기 위해서는 먼저 Streamlit의 column_config 모듈을 임포트해야 합니다. 그 후, 데이터프레임을 생성하고 링크 컬럼을 추가하면 됩니다.

예제: 웹사이트 링크 목록

아래 예제에서는 다양한 웹사이트의 링크를 포함한 데이터프레임을 생성해 보겠습니다.

전체 코드

아래는 전체 코드를 통합한 예제입니다.

```python
import streamlit as st
import pandas as pd

# 웹사이트 데이터 생성
data = {
    '사이트 이름': ['Google', 'YouTube', 'GitHub'],
    '링크': [
        'https://www.google.com',
        'https://www.youtube.com',
        'https://www.github.com'
    ]
}

df = pd.DataFrame(data)

st.data_editor(
    df,
    column_config={
        "링크": st.column_config.LinkColumn(
            "링크", display_text="Open profile")
    }
)

```

코드 설명

  1. 라이브러리 임포트: Streamlit과 pandas를 임포트하여 웹 애플리케이션을 구성합니다.

  2. 데이터프레임 생성: 웹사이트 이름과 해당 URL 링크를 포함한 데이터프레임을 생성합니다.

  3. 링크 컬럼 추가: 링크를 마크다운 형식으로 변환하여 사용자가 클릭할 수 있도록 합니다. lambda 함수를 사용하여 URL에서 도메인 부분만 추출하여 표시합니다.

  4. 데이터 표시: st.markdown을 사용하여 HTML 링크가 포함된 데이터프레임을 Streamlit 애플리케이션에 표시합니다.