38 lines
1011 B
Markdown
38 lines
1011 B
Markdown
# Previewer UI
|
|
|
|
## 목적
|
|
|
|
다양한 데이터를 공통 카드 형태로 미리보기할 수 있는 previewer 컴포넌트입니다.
|
|
|
|
## 공통 설계 원칙
|
|
|
|
- 샘플(`samples`)을 제외한 컴포넌트에는 API 호출이나 화면 전용 로직을 직접 넣지 않습니다.
|
|
- 컴포넌트는 최대한 멍청하게 설계하고, 직관적인 props를 받아 직관적인 UI 동작만 수행합니다.
|
|
- 기능 처리와 비즈니스 로직은 `src/features` 또는 해당 화면 전용 패키지 레벨에서 담당합니다.
|
|
- 공통 컴포넌트는 여러 곳에서 재사용되므로, 수정 시에는 기존 동작을 바꾸지 않는 범위에서만 보완합니다.
|
|
|
|
## 지원 타입
|
|
|
|
- `text`
|
|
- `json`
|
|
- `code`
|
|
- `image`
|
|
- `markdown`
|
|
- `empty`
|
|
|
|
## 추가로 유용한 preview 타입
|
|
|
|
- `markdown`: 작업일지, 문서 미리보기
|
|
- `empty`: 파일 미선택, 데이터 없음 상태
|
|
|
|
## 주요 props
|
|
|
|
- `type`
|
|
- `title`
|
|
- `description`
|
|
- `value`
|
|
- `language`
|
|
- `imageAlt`
|
|
- `height`
|
|
- `toolbar`
|