반응형
키워드: 이미지 변환기, WebP 변환, Electron 앱 만들기, Sharp 이미지 압축, 데스크탑 앱 개발
블로그에 이미지를 올릴 때마다 고민되는 게 하나 있어.
바로 👉 이미지 크기, 용량 줄이기, WebP 변환까지 어떻게 할까? 🤔
TinyPNG나 Squoosh 같은 웹 툴도 있지만...
- 이미지를 하나씩만 변환해야 하고
- 파일 크기 제한도 있고
- 인터넷 연결도 필요하고...
솔직히 너무 불편하지!
그래서 이번에는 웹에서 실행되는 게 아니라,
내 PC에서 바로 실행되는 설치형 이미지 변환기를 직접 만들어볼 거야. 💻
🎯 이 툴은 어떤 걸 할 수 있을까?
- ✅ 이미지 용량 줄이기 (압축)
- ✅ JPG/PNG → WebP로 자동 변환
- ✅ 1200px 이하로 리사이징
- ✅ 여러 장 이미지 한 번에 변환
- ✅ 설치 없이 실행 가능한 데스크탑 앱 (.exe)
💬 사실 나는...
프로그래머도 아니고, 개발 공부도 해본 적 없어.
그런데 GPT랑 함께라면 진짜 뭐든 가능하다는 생각이 들었어.
내가 필요한 걸 설명하면,
GPT가 방향도 잡아주고, 코드도 짜주고, 계속 알려주거든.
이 프로젝트는 GPT랑 함께하는 첫 번째 진짜 '나만의 앱 만들기 도전기'야. 😄
🔥 기존 이미지 변환 툴 vs 내가 만들 툴
| 기존 툴 | 단점 |
| TinyPNG / Squoosh | 하나씩만 업로드 가능, 자동 저장 불편 |
| 포토샵 | 유료, 복잡함 |
| 워드프레스 플러그인 | 블로그 전용, 독립 실행 불가 |
👉 그래서 나는 내 블로그에 최적화된, 완전히 내 입맛대로 만든 이미지 변환기를 직접 만들기로 했어!
🛠 사용 기술 스택
🖥 Electron
웹 기술로 설치형 앱을 만드는 프레임워크 (윈도우/Mac 지원)
📦 Sharp
이미지 압축, 변환, 리사이징 기능 담당 (빠르고 정확해!)
🔧 Electron Builder
개발한 앱을 .exe 파일로 빌드해서 설치 없이 배포 가능
🚀 내가 만들 앱의 기능 요약
- 💻 데스크탑에서 실행 (브라우저 필요 없음)
- 📂 이미지 여러 장 동시에 변환
- 🧠 WebP 변환, 리사이징, 압축 한 번에
- 📁 자동 저장 폴더로 결과 관리
🧭 다음 글 예고
다음 편에서는 Electron과 Sharp 환경을 세팅하고,
실제 앱이 켜지는 첫 화면을 띄워볼 거야.
👉 2편: Electron으로 설치형 이미지 변환기 만들기 – 환경 세팅 완벽 가이드에서 계속 이어가자! 🚀
이제 진짜 만들기 시작이야!
비개발자도, GPT랑 함께라면 앱 만들 수 있어요. 😊
반응형