테이블 요소

수강 일정, 준비물, 항목별 비교처럼 숫자와 글이 줄과 칸으로 나뉘어야 읽기 쉬운 내용은 표로 보여 주면 한눈에 들어옵니다. 에디터에는 이를 위한 테이블 요소가 있어, 한 번 넣으면 행과 열을 늘리고 줄이고, 칸마다 색과 테두리를 바꿀 수 있습니다. 이 글에서는 표를 넣고, 글자를 채우고, 행·열을 추가하고, 색과 테두리를 꾸민 뒤 저장해 확인하는 순서를 안내합니다.

1. 테이블은 어디에 있나요

왼쪽 레일의 요소 추가(+ 아이콘)를 누르면 요소 패널이 열립니다. 콘텐츠 카테고리에서 뱃지, 카드 다음 줄에 테이블이 있습니다. 표를 넣고 싶은 컨테이너나 섹션을 먼저 눌러 두면 그 안에, 섹션만 골라 두었다면 섹션 맨 아래에 들어갑니다.

2. 표 넣고 글자 채우기

테이블을 누르면 설정 창 없이 바로 표가 들어갑니다. 처음 모양은 머리글 한 줄(헤더 1~헤더 3)과 데이터 세 줄(데이터 1~데이터 9)로 이루어진 3열 표이고, 머리글 칸에는 연한 회색 배경과 굵은 글씨가 들어가고, 모든 칸에 얇은 회색 테두리가 둘러져 있습니다.

칸을 누르면 그 칸이 선택되고, 더블클릭하면 글자를 고칠 수 있습니다. 내용을 입력한 뒤 Esc를 누르면 편집이 끝납니다. 칸마다 같은 방법으로 채워 주세요.

3. 표 툴바 살펴보기

표의 칸을 선택하면 표 위에 어두운 색의 전용 툴바가 나타납니다. 왼쪽부터 다음과 같이 구성되어 있습니다.

• 범위: 셀, 행, 열, 테이블 중에서 고릅니다. 아래의 배경색·글자색·보더가 어디까지 적용될지를 정하며, 선택한 범위는 표 위에 보라색 윤곽선으로 표시됩니다.
• 너비: 100%는 표가 들어 있는 영역의 가로 폭을 가득 채우고, 자동은 내용에 맞춥니다.
• 배경과 글자: 색 칸을 눌러 범위 안 칸들의 배경색과 글자색을 바꿉니다. 배경 색 칸 옆의 x 모양 버튼은 배경색을 지웁니다.
• 행↑ 행↓ 열← 열→: 선택한 칸을 기준으로 위·아래에 행을, 왼쪽·오른쪽에 열을 하나 추가합니다.
• 행삭제, 열삭제, 휴지통 모양의 테이블: 선택한 칸의 행, 열, 표 전체를 지웁니다.
• 보더: 테두리 편집 패널을 펼칩니다.

4. 행과 열 늘리기

맨 오른쪽 머리글 칸을 선택하고 열→을 누르면 오른쪽에 열이 하나 생기고, 마지막 줄의 칸을 선택해 행↓을 누르면 아래에 행이 생깁니다. 새로 생긴 열의 머리글 칸에는 헤더, 나머지 새 칸에는 셀이라는 글자가 들어가며 옆 칸과 같은 여백·테두리가 적용됩니다. 이 글자를 원하는 내용으로 바꿔 주세요.

5. 머리글 줄 색 바꾸기

머리글 칸을 선택하고 범위에서 행을 고른 뒤 배경 색 칸에서 색을 정하면, 그 행의 모든 칸 배경이 한꺼번에 바뀝니다. 아래 이미지는 머리글 줄을 연보라색으로 바꾸고 내용을 수강 일정으로 채운 모습입니다. 열 전체나 표 전체의 색도 같은 방법으로 열, 테이블 범위를 골라 바꿀 수 있습니다.

6. 테두리 꾸미기

툴바 오른쪽 끝의 보더를 누르면 아래에 테두리 패널이 펼쳐집니다. 적용 대상은 패널에 표시되는 적용 범위를 따릅니다.

• 프리셋: 없음, 기본, 진하게, 강조, 점선 중 하나를 누르면 범위 안 모든 칸의 테두리가 바로 바뀝니다.
• 방향(전체, 위, 우, 하, 좌), 색상, 두께, 선은 직접 정한 뒤 적용을 눌러 반영합니다. 예를 들어 방향을 하로 두면 각 칸의 아래 선만 바뀝니다.

7. 저장하고 확인하기

상단바의 저장을 눌러야 바꾼 내용이 보존됩니다. 저장 뒤에 라이브 미리보기를 누르면 저장된 내용을 배포되는 모습 그대로 볼 수 있고, 편집으로 돌아가기로 에디터에 돌아옵니다.

8. 이렇게 활용해 보세요

• 강의·행사 일정을 요일과 시간별로 정리해 보세요.
• 준비물, 제공 항목, 진행 방식처럼 항목이 많은 안내를 줄 단위로 나누어 보여 줄 수 있습니다.
• 머리글 줄 색과 테두리 색을 페이지의 대표 색에 맞춰 두면 다른 요소와 어울립니다.

9. 알아 두실 점

• 표 툴바는 표의 칸(머리글 또는 데이터)을 선택했을 때만 나타납니다.
• 배경색·글자색·보더는 범위에 따라 한 칸, 한 행, 한 열, 표 전체에 적용됩니다. 바꾸기 전에 범위를 먼저 확인하세요.

제목·텍스트를 고치는 방법과 요소 패널·속성 패널의 구조는 별도 글에서 이어서 다룹니다.