feat: initial release v0.1.0
This commit is contained in:
34
GUIDE.md
Normal file
34
GUIDE.md
Normal file
@@ -0,0 +1,34 @@
|
||||
# 웹 에디터 이미지 Export 프로그램 사용 가이드
|
||||
|
||||
이 프로그램은 Electron 기반으로 제작되었으며, 웹 에디터(Quill)에 작성한 내용을 지정된 넓이와 포맷의 이미지로 내보낼 수 있습니다.
|
||||
|
||||
## 1. 실행 방법
|
||||
|
||||
### 개발 모드 (Development)
|
||||
소스 코드를 수정하거나 디버깅할 때 사용합니다.
|
||||
```bash
|
||||
npm run electron:dev
|
||||
```
|
||||
두 개의 터미널이 실행되며, 하나는 Vite 서버, 하나는 Electron 창입니다.
|
||||
|
||||
### 프로덕션 빌드 및 실행 (Build & Run)
|
||||
배포 가능한 형태로 빌드하고 실행합니다.
|
||||
```bash
|
||||
npm run electron:build
|
||||
```
|
||||
`dist_electron` 폴더에 설치 파일(exe 등)이 생성됩니다.
|
||||
|
||||
## 2. 사용 방법
|
||||
|
||||
1. **에디터 작성**: 화면 중앙의 에디터에 텍스트, 이미지를 자유롭게 작성합니다.
|
||||
2. **옵션 설정**:
|
||||
- **Width (px)**: 내보낼 이미지의 가로 폭을 픽셀 단위로 설정합니다. (예: 800)
|
||||
- 이미지는 설정된 폭에 맞춰 자동으로 줄바꿈(Reflow)되어 캡처됩니다.
|
||||
- **Format**: 내보낼 이미지 포맷을 선택합니다. (PNG, JPEG, WEBP)
|
||||
3. **내보내기 (Export)**:
|
||||
- 우측 상단의 **EXPORT** 버튼을 클릭합니다.
|
||||
- 저장 대화상자가 뜨면 파일 이름과 위치를 지정하여 저장합니다.
|
||||
|
||||
## 3. 주의 사항
|
||||
- 이미지가 매우 길거나 큰 경우 캡처에 시간이 소요될 수 있습니다.
|
||||
- JPEG, WEBP는 배경이 투명할 경우 검은색이나 흰색으로 채워질 수 있습니다 (기본 흰색 설정됨).
|
||||
Reference in New Issue
Block a user