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

> W&B 리포트를 Notion에 직접 임베드하거나 HTML `iframe` 요소를 사용해 임베드합니다.

# 리포트 임베드

W\&B 리포트를 외부 페이지나 도구에 임베드하면 팀원들이 다른 문서와 함께 실시간 실험 결과를 확인할 수 있습니다. 이 페이지에서는 리포트에서 임베드 코드를 생성한 후 HTML, Confluence, Notion 또는 Gradio에서 사용하는 방법을 설명합니다.

<h2 id="html-iframe-element">
  HTML `iframe` 요소
</h2>

HTML `iframe` 요소를 사용하면 맞춤형 HTML을 지원하는 모든 웹 페이지에 리포트를 임베드할 수 있습니다. W\&B는 리포트에서 바로 복사할 수 있는 임베드 코드를 기본으로 제공합니다.

리포트 오른쪽 상단에서 **Share** 버튼을 선택해 대화 상자를 연 다음 **Copy embed code**를 선택하세요. 복사된 스니펫은 `iframe` HTML 요소로, 맞춤형 HTML을 지원하는 모든 페이지에 붙여 넣을 수 있습니다.

<Note>
  공개 프로젝트의 리포트 또는 [보기 전용 링크](/ko/products/wandb/reports/cross-project-reports#view-only-report-links)로 공유한 리포트만 임베드하고 렌더링할 수 있습니다(링크의 액세스 토큰은 URL에 포함되어 있습니다).
</Note>

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/get_embed_url.gif?s=82b9bcb3c31c5dbae96d0de0556fc61c" alt="임베드 코드 가져오기" width="1425" height="721" data-path="products/wandb/_media/get_embed_url.gif" />
</Frame>

<h2 id="confluence">
  Confluence
</h2>

Confluence에서는 기본 제공 `iframe` 매크로를 사용해 리포트를 임베드할 수 있습니다. 다음 애니메이션은 Confluence의 `iframe` 셀에 리포트 직접 링크를 삽입하는 방법을 보여 줍니다.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_confluence.gif?s=94347ea1b7d3877fcfbdf51a6c6c0902" alt="Confluence에 임베드하기" width="1425" height="721" data-path="products/wandb/_media/embed_iframe_confluence.gif" />
</Frame>

<h2 id="notion">
  Notion
</h2>

Notion의 **Embed** 블록에는 W\&B에서 제공하는 임베드 코드를 그대로 사용할 수 있습니다. 다음 애니메이션은 Notion의 **Embed** 블록과 리포트의 임베드 코드를 사용해 Notion 문서에 리포트를 삽입하는 방법을 보여 줍니다.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_notion.gif?s=282a3392a4ed013e63d056bbb33bc911" alt="Notion에 임베드하기" width="1425" height="738" data-path="products/wandb/_media/embed_iframe_notion.gif" />
</Frame>

<h2 id="gradio">
  Gradio
</h2>

W\&B 리포트를 Gradio 앱(Hugging Face Spaces에 호스팅된 앱 포함)에 임베드하려면 Gradio의 `gr.HTML` 요소로 리포트 URL을 가리키는 `iframe`을 렌더링하세요.

```python theme={"system"}
import gradio as gr


def wandb_report(url):
    iframe = f'<iframe src={url} style="border:none;height:1024px;width:100%">'
    return gr.HTML(iframe)


with gr.Blocks() as demo:
    report = wandb_report(
        "https://wandb.ai/_scott/pytorch-sweeps-demo/reports/loss-22-10-07-16-00-17---VmlldzoyNzU2NzAx"
    )
demo.launch()
```