AI 바이오라이팅을 위한 React 기반 책 디자인 컴포넌트 라이브러리
npm install aibiowriting-book-designAI 바이오 라이팅의 책 디자인 시스템 개발 환경입니다.
표지와 내지를 디자인하고, 실시간으로 미리보기하며, 고품질 PDF로 출력할 수 있습니다.
---
---
bash
npm install
`$3
bash
npm run dev
`$3
- 메인: http://localhost:5173
- 표지: http://localhost:5173/cover
- 내지 v1: http://localhost:5173/inner-v1
- 내지 v2: http://localhost:5173/inner-v2---
📦 프로젝트 구조
book-design-dev/
│
├── src/
│ ├── book-design/ # 실제 패키지 (배포용)
│ │ ├── shared/ # 공통 기능
│ │ ├── cover/ # 표지 시스템
│ │ └── inner/ # 내지 시스템
│ │ ├── v1/ # 기존 시스템 (운영 중)
│ │ └── v2/ # 새 시스템 (개발 중)
│ │
│ ├── cover-app/ # 표지 전용 개발 앱
│ ├── inner-v1-app/ # 내지 v1 전용 개발 앱
│ └── inner-v2-app/ # 내지 v2 전용 개발 앱
│
├── README.md # 👈 이 파일
├── DEVELOPMENT.md # 개발자 가이드
└── src/book-design/README.md # 패키지 사용 가이드
---
- 패키지 사용 가이드 - book-design 패키지 사용법
- 개발자 가이드 - 개발 환경, 배포, 기술 스택
---
- React 18 + TypeScript
- Vite - 빌드 도구
- jsPDF - PDF 생성
- html2canvas - 스크린샷
- Tailwind CSS - 스타일링
---
MIT License
---
개발: AI Biowriting Team
업데이트: 2024-11-14