v0.0.47 공개 본문 스타일 가이드 기반 정의

Ordered list, 멀티라인/대체 인용구 문법을 추가하고 Prose 컴포넌트(리스트/인용/이미지/카드/임베드) 기본 스타일을 Thred 톤으로 통일했다.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-07 18:59:12 +09:00
parent 41406ca852
commit 5f2b2b8c4f
17 changed files with 125 additions and 35 deletions

View File

@@ -103,6 +103,29 @@ components/content/
└── ProseEmbed.vue # Embeds (YouTube, Twitter)
```
### 공개 본문 스타일 가이드(Thred 기준)
- 리스트
- Unordered: `- 항목`
- Ordered: `1. 항목`
- 렌더링: `ProseList.vue` (마커 컬러, 간격, 줄높이 통일)
- 인용구
- 기본: `> 한 줄` 또는 `>` 연속 여러 줄(멀티라인)
- 대체 스타일(Alternative): `>>>`로 시작해 `<<<`로 끝나는 블록
- 렌더링: `ProseBlockquote.vue` (`variant=default|alt`)
- 이미지
- 기본: `![alt](url)`
- 와이드/풀: `![alt](url){width=wide|full}`
- 렌더링: `ProseImage.vue` (라운드/보더/패널 배경)
- 이미지 갤러리
- `:::gallery` ~ `:::` fenced block 내부에 이미지 마크다운 행을 여러 개 작성
- 렌더링: `ContentMarkdownRenderer.vue` (그리드 + 라이트박스)
- 카드류
- Callout: `:::callout` ~ `:::`
- Toggle: `:::toggle 제목` ~ `:::`
- Embed: `:::embed` ~ `:::` (YouTube URL은 iframe, 그 외는 링크)
- 렌더링: `ProseCallout.vue`, `ProseToggle.vue`, `ProseEmbed.vue`
---
## 데이터베이스 구조
@@ -458,6 +481,6 @@ APP_PORT=43118
## 버전 관리
- 현재 버전: v0.0.46
- 현재 버전: v0.0.47
- 첫 커밋 이후 변경사항을 커밋할 때마다 패치 버전 증가
- 메이저/마이너 버전은 구조 변경 또는 기능 묶음 단위로 결정

View File

@@ -1,5 +1,12 @@
# 업데이트 이력
## v0.0.47
- 공개 본문 렌더러에서 Ordered list(숫자 목록) 문법을 지원.
- 공개 본문 인용구를 멀티라인 처리하고 대체(Alternative) 인용구 스타일 문법을 추가.
- 공개 본문 리스트/인용/이미지/갤러리/카드류 기본 스타일을 Thred 톤(보더/라운드/패널/타이포)으로 통일.
- 기술 명세에 공개 본문 스타일 가이드를 추가.
## v0.0.46
- 홈 Latest 피드 보기 방식 토글(4종) 드롭다운과 localStorage 저장 추가.