인쇄 가능한 데이터 보고서 디자인하기
중급~14 분0/4 단계
인쇄 가능한 데이터 보고서 디자인하기
대시보드는 화면에서는 훌륭하지만, 이해관계자들은 여전히 인쇄하거나 이메일에 첨부하거나 발표 자료에 넣을 수 있는 무언가를 원합니다. 깔끔하게 공유할 수 있는 보고서는 애널리스트가 만들 수 있는 가장 가치 있는 결과물 중 하나입니다.
이번 레슨에서는 구조화된 보고서 레이아웃을 만듭니다. 명확한 제목 블록, 핵심 요약, 정갈한 데이터 테이블, 그리고 보고서 날짜가 찍힌 푸터까지. 종이에서도 화면에서도 잘 읽히도록 의도적으로 차분하고 대비가 높은 디자인을 사용합니다.
핵심은 위계입니다. 좋은 보고서는 독자가 헤매지 않고 헤드라인에서 요약으로, 다시 세부 내용으로 자연스럽게 흘러가게 합니다. 사람들이 정말 공유하고 싶어 할 문서를 만들어 봅시다.
안내
1
"Q4 실적 보고서"라는 h1 제목이 담긴 보고서 헤더를 추가하세요.
힌트: `<header>...<h1 class="text-3xl font-bold">Q4 실적 보고서</h1>...</header>`를 사용하세요.
어디에 작성하나요?
<!-- 여기에 인쇄 가능한 보고서를 만들어 보세요 -->11번째 줄에 작성하세요 — 그 주석 아래, 이미 추가한 코드 다음입니다.
2
h2 제목과 핵심 요약 문단이 담긴 요약 섹션을 추가하세요.
3
지역별 분석을 보여줄 데이터 테이블을 추가하세요.
4
보고서 생성 날짜를 찍는 푸터를 추가하세요.
내 코드
html
1
2
3
4
5
6
7
8
9
10
11
12
13
ViBot과 함께 바이브로 만들기무료 메시지 0 / 12개
이 단계에서 만들고 싶은 것을 설명해 주시면 코드를 작성해 드릴게요 — 그다음 적용을 클릭하면 에디터에 바로 들어갑니다. 이 단계: "Q4 실적 보고서"라는 h1 제목이 담긴 보고서 헤더를 추가하세요.
실시간 미리보기
실시간 미리보기