가이드/위키/편집/표와 차트
1. 개요
1. 개요
데이터를 구조화하여 보여주는 표와 시각적으로 표현하는 차트의 사용법을 안내합니다. 표는 프리셋으로 빠르게 만들고 단축키로 편집하며, 차트는 7가지 유형을 지원합니다.
2. 표
2. 표
좌측 사이드바의 블록 탭에서 표를 추가하거나, 슬래시 커맨드 /로 삽입할 수 있습니다. 17종의 프리셋으로 빠르게 시작하고, 단축키와 설정 패널로 자유롭게 편집합니다.
2.1. 프리셋
2.1. 프리셋
표 추가 시 프리셋을 선택하면 구조와 샘플 데이터가 자동으로 채워집니다.
카테고리 | 프리셋 | 설명 |
|---|---|---|
기본 | 2×3 / 3×4 / 4×5 | 단순 행×열 레이아웃 |
심플 2×3 / 3×4 | 얇은 테두리의 가벼운 스타일 | |
테두리 없음 2×3 / 3×4 | 테두리 없이 깔끔한 표 | |
정보 테이블 | 심플 | 라벨-값 구조의 기본 정보 표 |
그룹 | 그룹 헤더가 있는 정보 표 | |
4열 | 4열 라벨-값 구조 | |
비교 | 2항목 / 3항목 | 항목 간 비교 레이아웃 |
장단점 | 장점 vs 단점 비교 | |
사양 | 제품 사양표 (기본/상세) | |
스케줄 | 주간 / 타임라인 | 시간 기반 이벤트·일정 레이아웃 |
가격 | 심플 / 플랜 비교 | 요금제 비교 레이아웃 |
2.2. 위키 정보 테이블
2.2. 위키 정보 테이블
일반 표를 위키 정보 테이블로 지정하면, 문서 상단이나 사이드바에 핵심 정보를 요약하여 표시할 수 있습니다.
구분 | 항목 | 내용 |
|---|---|---|
설정 | 지정 방법 | 표 선택 → 우측 사이드바 위키 정보 테이블 토글 활성화 |
표시 위치 | 본문(body) 또는 사이드바(sidebar) — 설정에서 변경 | |
테마 | basic, glass, ticker, broadcast 등 | |
해제/복원 | 해제 | "위키 정보 테이블 해제" 스위치 → 일반 테이블로 변환 |
복원 | 일반 테이블 선택 → "위키 정보 테이블" 토글 다시 활성화 |
2.3. 단축키 · 셀 조작
2.3. 단축키 · 셀 조작
표 안에서 셀을 클릭한 뒤 아래 단축키를 사용할 수 있습니다.
구분 | 작업 | 단축키 | 설명 |
|---|---|---|---|
행·열 추가 | 위에 행 추가 |
| 현재 행 위에 새 행 삽입 |
아래에 행 추가 |
| 현재 행 아래에 새 행 삽입 | |
왼쪽에 열 추가 |
| 현재 열 왼쪽에 새 열 삽입 | |
오른쪽에 열 추가 |
| 현재 열 오른쪽에 새 열 삽입 | |
삭제 | 행 삭제 |
| 현재 행 삭제 |
열 삭제 |
| 현재 열 삭제 | |
셀 조작 | 셀 병합 |
| 선택한 셀들을 하나로 병합 |
셀 나누기 |
| 병합된 셀을 다시 분할 | |
이동 | 다음 셀 |
| 다음 셀로 커서 이동 |
이전 셀 |
| 이전 셀로 커서 이동 |
2.4. 표 설정 (우측 사이드바)
2.4. 표 설정 (우측 사이드바)
표를 클릭하면 우측 사이드바에 설정 패널이 나타납니다.
구분 | 설정 | 설명 |
|---|---|---|
스타일 | 테마 | basic, 줄무늬, 미니멀 등 테마 적용 |
셀 배경 | 개별 셀의 배경 색상 설정 (프리셋·커스텀·그라데이션) | |
셀 테두리 | 셀 테두리 색상 설정 | |
레이아웃 | 열 너비 | 뷰포트별(데스크톱·태블릿·모바일) 열 너비 조정 |
셀 패딩 | 셀 내부 여백 (가로·세로) 조정 | |
표 너비·정렬 | 전체 표의 너비 비율과 좌·중·우 정렬 | |
고급 | 접기 그룹 | 행 그룹을 접기/펼치기 가능하게 설정 (상세 페이지에서 기본 접힘) |
위키 정보 테이블 | 문서당 1개, 사이드바 또는 문서 상단에 표시되는 특수 정보 표 | |
레이어 패널 | 표 구조를 시각적으로 편집 (행·열 추가/삭제, 계층 확인) |
3. 차트
3. 차트
좌측 사이드바의 블록 탭에서 차트를 추가하거나 슬래시 커맨드 /차트로 삽입합니다. 7가지 유형을 지원하며, 데이터 입력 후 우측 사이드바에서 세부 설정을 조정합니다.
3.1. 차트 유형
3.1. 차트 유형
유형 | 설명 | 활용 예시 |
|---|---|---|
막대 차트 | 세로 막대로 항목별 값 비교 | |
가로 막대 차트 | 가로 막대로 항목별 값 비교 | |
꺾은선 차트 | 데이터 포인트를 선으로 연결하여 추세 표현 | |
영역 차트 | 꺾은선 아래를 색으로 채워 면적으로 표현 | |
파이/도넛 차트 | 원형 구간으로 비율 표현 (내부 비우면 도넛) | |
콤보 차트 | 막대와 꺾은선을 함께 표시 | |
레이더 차트 | 방사형 그리드 위에 다각형으로 표현 |
3.2. 차트 설정 (우측 사이드바)
3.2. 차트 설정 (우측 사이드바)
차트를 클릭하면 우측 사이드바에서 데이터 입력과 스타일을 설정할 수 있습니다.
구분 | 설정 | 설명 |
|---|---|---|
데이터 | 라벨 | 각 데이터 항목의 이름 |
값 | 숫자 데이터 (여러 시리즈 지원) | |
색상 | 항목별 개별 색상 지정 가능 | |
스타일 | 제목 | 차트 상단에 표시할 제목 텍스트 |
높이 | 차트 높이 (뷰포트별 반응형 설정 가능) | |
색상 테마 | 기본 색상, 라벨 색상, 값 색상, 범례 색상 등 | |
그리드·축 | 그리드 선 표시/숨김, 축 라벨 표시/숨김 | |
라벨 | 값 라벨 | 데이터 값 표시 여부, 폰트 크기, 위치 (상단/내부/외부) |
항목 라벨 | 항목 이름 표시 여부, 폰트 크기 | |
범례 | 범례 표시/숨김, 위치 (하단/우측), 폰트 크기 | |
유형별 옵션 | 막대 | 그룹형(나란히) 또는 누적형(쌓기) 선택 |
꺾은선/영역 | 선 스타일(직선/계단/곡선), 데이터 포인트 표시 여부 | |
파이/도넛 | 내부 반지름(도넛 두께), 시작·종료 각도, 게이지 모드, 중앙 라벨 | |
레이더 | 곡선(직선/부드러운), 모양(다각형/원형), 최대값, 그리드 레벨 |
4. 다음 단계
4. 다음 단계
Unisquads:가이드/위키/편집/블록 편집 — 블록 추가·이동·삭제 기본 편집법
Unisquads:가이드/위키/편집/텍스트 서식 — 텍스트 스타일·색상·효과 설정
Unisquads:가이드/위키/편집/미디어 — 이미지·영상·사운드 삽입
