software

Power BI 보고서를 온라인으로 게시하고 공유하는 방법

발행: (2026년 4월 6일 AM 10:28 GMT+9)
10 분 소요
원문: Dev.to

Source: Dev.to

위 링크에 있는 전체 텍스트를 제공해 주시면, 해당 내용을 한국어로 번역해 드리겠습니다. (코드 블록, URL 및 마크다운 형식은 그대로 유지됩니다.)

Power BI 보고서 웹에 게시하기

우리는 Data Science and Analytics를 계속 탐구하면서, 이번 주 과제로 Power BI에서 전자제품 판매 대시보드를 구축하고 온라인에 게시했습니다. 보고서를 게시하는 것은 데이터 분석에서 흔히 요청되는 작업이므로, 이 글에서는 Publish 버튼을 Power BI Desktop에서 클릭하는 순간부터 누구나 브라우저에서 열 수 있는 공유 가능한 링크를 얻는 전체 과정을 단계별로 안내합니다.

보고서 개요

항목세부 정보
Dataset10개의 제품, 9개 도시(미국 및 캐나다), 3명의 영업 담당자를 포함한 전자제품 소매 거래 100건.
Data preparation• 원본 Excel 데이터를 Power Query에 로드했습니다.
• 데이터를 정리하고, 검증하며, 정규화했습니다.
• CAD 거래를 0.74 비율로 USD로 변환했습니다.
• 중심 사실 테이블에 연결된 6개의 차원 테이블(Products, Customers, Cities, SalesReps, PaymentMethod, DateTable)로 구성된 스타 스키마를 구축했습니다.
DAX measuresTotal Revenue, Total Profit, Total Orders, Average Profit Margin, Average Shipping Cost, 그리고 CALENDAR()를 사용한 계산된 Date Table.
Dashboard pagesPage 1 – Executive Dashboard – KPI 카드, 제품별 매출, 카테고리별 수익, 영업 담당자 분포, 결제 수단별 분석, 인터랙티브 슬라이서.
Page 2 – Product Analysis – 제품별 매출 및 이익 비교, 지리적 지도, 이익률 순위.
Page 3 – Sales Reps & Customers – 고객 순위, 영업 담당자 성과 콤보 차트, 고객 연령 분포.

1️⃣ Publish from Power BI Desktop

  1. Power BI Desktop에서 .pbix 파일을 엽니다.
  2. Home 리본에서 Publish(툴바 오른쪽)를 클릭합니다.
    • 로그인되지 않은 경우, Power BI Service 구독과 연결된 Microsoft 계정으로 로그인하라는 메시지가 표시됩니다.
  3. 대상 작업 영역을 선택합니다:
    • 사용 가능한 작업 영역 목록이 표시됩니다.
    • 사용자 지정 작업 영역을 만든 적이 없으면 My workspace(기본 개인 작업 영역)만 나타납니다.
  4. Select를 클릭합니다. Power BI Desktop이 보고서를 업로드합니다(파일 크기에 따라 몇 초 소요).
  5. 업로드가 완료되면 성공 확인 메시지가 표시됩니다.
    • Open in Power BI를 클릭하면 브라우저에서 바로 보고서로 이동하고, Got it를 클릭하면 Desktop에 머무릅니다.

2️⃣ Power BI 서비스에서 보고서 확인

  1. app.powerbi.com에 접속하고 선택한 작업 영역으로 이동합니다.
  2. 보고서가 목록에 표시되는 것을 확인합니다.
  3. 보고서를 열고 다음을 점검합니다:
    • 모든 시각화가 올바르게 표시되나요?
    • 슬라이서가 모든 차트에 기대대로 필터링되나요?
    • 탐색 버튼(있는 경우)이 작동하나요?
    • KPI 수치가 Desktop에서 보는 것과 일치하나요?

스크린샷 참고 – 왼쪽 사이드바에 Pages 패널이 표시되어 모든 페이지(대시보드, 제품, 영업 담당자, …)가 나열됩니다. 상단 툴바에는 File, Export, Share, Explore, Set alert, Monitor, Edit이 포함되어 있습니다. 공유에 사용할 옵션은 File, Export, Share입니다.

3️⃣ 보고서 공개 공유 (웹에 게시)

중요: 이 방법은 보고서를 공개합니다—링크만 있으면 로그인 없이도 누구나 볼 수 있습니다. 공개해도 괜찮은 데이터에만 사용하십시오.

  1. Power BI 서비스에서 파일 > 보고서 삽입 > 웹에 게시(공개) 로 이동합니다.
  2. Power BI가 두 가지 항목을 생성합니다:
    • 직접 URL – 브라우저에서 보고서를 바로 엽니다.
    • iFrame 삽입 코드 – 웹사이트, 블로그 또는 포트폴리오 페이지에 붙여넣을 수 있습니다.

예시 출력

Direct URL:
https://app.powerbi.com/view?r=eyJrIjoi...
<!-- iFrame embed code (example) -->
<iframe width="800" height="600" src="https://app.powerbi.com/view?r=eyJrIjoi..." frameborder="0" allowFullScreen="true"></iframe>

링크가 있는 사람은 로그인 없이도 보고서를 보고 상호작용할 수 있습니다.

4️⃣ 임베디드 보고서 호스팅

옵션 A – 간단한 index.html 페이지

index.html 파일(또는任意의 HTML 페이지)을 만들고 iframe 코드를 붙여넣으세요. 아래는 바로 사용할 수 있는 템플릿입니다:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Electronics Sales Dashboard</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: #f5f5f5;
        }
        .header {
            background: #1B2A4A;
            color: white;
            padding: 20px 40px;
        }
        .header h1 {
            margin: 0;
            font-size: 24px;
        }
        .header p {
            margin: 8px 0 0;
            font-size: 14px;
            color: #B5D4F4;
        }
        .container {
            max-width: 1200px;
            margin: 24px auto;
            padding: 0 20px;
        }
        iframe {
            width: 100%;
            height: 600px;
            border: none;
            border-radius: 8px;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Electronics Sales Dashboard</h1>
        <p>Power BI Report – January 2026</p>
    </div>
    <div class="container">
        <!-- Replace YOUR_EMBED_URL_HERE with the URL generated in step 3 -->
        <iframe src="YOUR_EMBED_URL_HERE"></iframe>
    </div>
</body>
</html>

옵션 B – GitHub Pages에 호스팅

프로젝트가 이미 GitHub 저장소에 있다면:

  1. 하위 폴더(예: electronics-sales/)를 생성합니다.
  2. 그 폴더 안에 index.html 파일을 넣습니다.
  3. 변경 사항을 커밋하고 푸시합니다.
  4. 저장소 설정에서 GitHub Pages를 활성화하고 방금 만든 폴더를 지정합니다.

이제 대시보드는 https://<username>.github.io/<repo>/electronics-sales/ 주소에서 공개적으로 접근할 수 있습니다.

🎉 Summary

  1. Publish the .pbix from Desktop to a Power BI workspace.
  2. Verify that all visuals, slicers, and navigation work in the Service.
  3. Use File > Embed report > Publish to web to obtain a public URL and iframe code.
  4. Host the iframe on any web page (simple HTML file or GitHub Pages).

이제 완전히 인터랙티브하고 공개적으로 공유 가능한 전자제품 판매 대시보드가 준비되었습니다. 누구든 브라우저에서 볼 수 있어 포트폴리오, 블로그, 혹은 데이터 분석 역량을 보여주는 데 안성맞춤입니다. 시각화 즐기세요!

프로젝트를 GitHub Pages에 배포하기

  1. 푸시 your code to GitHub.

  2. 리포지토리에서 Settings → Pages 로 이동합니다.

  3. 소스를 Deploy from the main branch 로 설정합니다.

  4. 잠시(1~2분) 기다리면 사이트가 다음 주소에서 라이브됩니다

    https://yourusername.github.io/repo-name/electronics-sales/

  5. 여러 프로젝트?

    • 리포지토리에 여러 하위 폴더가 있는 경우, 각 폴더에 자체 index.html이 있으면 동일한 기본 URL 아래에서 별개의 페이지로 제공됩니다.
    • GitHub Pages를 리포지토리당 한 번만 활성화하면 됩니다.

Power BI 게시 워크플로우

  1. Power BI Desktop에서 보고서를 작성합니다.
  2. 보고서를 Power BI Service의 작업 영역에 게시합니다.
  3. 브라우저에서 모든 것이 올바르게 작동하는지 확인합니다.
  4. 사용 가능한 방법 중 하나로 보고서를 공유합니다:
    • 웹에 게시
    • 직접 공유
    • 내보내기 (PDF, PowerPoint 등)
  5. 독립형 호스팅 버전이 필요하면 웹사이트나 GitHub Pages에 보고서를 임베드합니다.

전체 프로젝트를 살펴보고 싶으신가요?

전체 Electronics Sale Dashboard, 기본 데이터 및 추가 인사이트가 포함된 GitHub 저장소를 확인하세요:

🔗 Electronics Sale Dashboard – GitHub Repo (replace with your actual URL)

0 조회
#powerbi #data-visualization #dashboard #publishing #web-share #dax #power-query #excel
원문 보기
Share:
Back to Blog

관련 글

더 보기 »