35 lines
1.5 KiB
Markdown
35 lines
1.5 KiB
Markdown
# 웹 에디터 이미지 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는 배경이 투명할 경우 검은색이나 흰색으로 채워질 수 있습니다 (기본 흰색 설정됨).
|