# 연표형

<p align="center"><img src="https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2Ftag.svg_5feaa5b8-be50-4244-95fd-51cd35995c00?alt=media&#x26;token=8ef25263-ccbc-4884-a426-50ef5b9e6122" alt="" data-size="line"></p>

<h3 align="center"><strong>연표형</strong></h3>

<p align="center">인물이 가진 발자취를 기록하는 연표형 게시판</p>

<p align="center"><sub><em>+</em></sub> <em> </em><sub><em><mark style="color:purple;">20,000₩</mark></em></sub><br></p>

![](https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-08-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2011.38.15.png_2c481158-4455-4f70-964a-020111ba7ee2?alt=media\&token=d59a2649-8327-4185-bb13-01b3840d7644)

{% hint style="info" %}

<p align="center"><a href="https://moogong.web.app/history">샘플 페이지 ></a> </p>
{% endhint %}

<h2 align="center">#1</h2>

<h3 align="center"><strong>편집</strong></h3>

편집 버튼은 오른쪽 상단의 \[⚙️ **톱니바퀴 아이콘** ] 입니다.

![](https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-08-23%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%201.50.31.png_62f028ff-7672-40f7-a246-5204c1719d87?alt=media\&token=d263f9ee-675d-40fd-a35a-372f9173ba78)

**PC에서 수정을 추천**합니다.\
연표형은 배경 이미지, 폰트, 컬러 테마, bgm변경 등이 가능합니다.

**연표 편집 시 '강조' 에 체크할 시, 메뉴로 등록됩니다.**

<figure><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2FKUmI4hdFdgqiFAvrfMfS%2Fimage.png?alt=media&#x26;token=d9f33906-6f65-4fd2-8cfb-de74911e902c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2F7xUnfrvvjDrdeDdsLLIA%2Fimage.png?alt=media&#x26;token=0c80a11f-2b27-42c2-890a-f0a66addc376" alt=""><figcaption></figcaption></figure>

연표 편집은 가장 직관적으로 편집할 수 있도록 구성했습니다.\
간단한 텍스트 꾸미기 및 링크 삽입이 가능합니다.

{% hint style="info" %}
순서변경은 0부터 시작하는 숫자로 결정 가능합니다.
{% endhint %}

연표 편집 시 '**강조**' 에 체크할 시, 메뉴로 등록됩니다.\
기본 오른쪽으로 배치되며, 왼쪽 체크표시로 이동 가능합니다.&#x20;

![](https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-08-23%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%201.34.33.png_df3815f7-f0db-4efb-8fbf-0baf7e7095ec?alt=media\&token=514b7bbe-5838-455a-b5c0-5d7c7b73cad8)