본문으로 건너뛰기

인쇄 가능한 데이터 보고서 디자인하기

중급~14 0/4 단계

인쇄 가능한 데이터 보고서 디자인하기

대시보드는 화면에서는 훌륭하지만, 이해관계자들은 여전히 인쇄하거나 이메일에 첨부하거나 발표 자료에 넣을 수 있는 무언가를 원합니다. 깔끔하게 공유할 수 있는 보고서는 애널리스트가 만들 수 있는 가장 가치 있는 결과물 중 하나입니다.

이번 레슨에서는 구조화된 보고서 레이아웃을 만듭니다. 명확한 제목 블록, 핵심 요약, 정갈한 데이터 테이블, 그리고 보고서 날짜가 찍힌 푸터까지. 종이에서도 화면에서도 잘 읽히도록 의도적으로 차분하고 대비가 높은 디자인을 사용합니다.

핵심은 위계입니다. 좋은 보고서는 독자가 헤매지 않고 헤드라인에서 요약으로, 다시 세부 내용으로 자연스럽게 흘러가게 합니다. 사람들이 정말 공유하고 싶어 할 문서를 만들어 봅시다.

안내

1

"Q4 실적 보고서"라는 h1 제목이 담긴 보고서 헤더를 추가하세요.

힌트: `<header>...<h1 class="text-3xl font-bold">Q4 실적 보고서</h1>...</header>`를 사용하세요.

어디에 작성하나요?

<!-- 여기에 인쇄 가능한 보고서를 만들어 보세요 -->

11번째 줄에 작성하세요 — 그 주석 아래, 이미 추가한 코드 다음입니다.

2

h2 제목과 핵심 요약 문단이 담긴 요약 섹션을 추가하세요.

3

지역별 분석을 보여줄 데이터 테이블을 추가하세요.

4

보고서 생성 날짜를 찍는 푸터를 추가하세요.

내 코드

html
13
1
2
3
4
5
6
7
8
9
10
11
12
13

실시간 미리보기

실시간 미리보기