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