webp 변환기2 2편 : 설치형 이미지 변환기 만들기 – Electron + Sharp 환경 세팅 가이드 키워드: Electron 환경 세팅, Sharp 설치, Node.js 이미지 변환기, 데스크탑 앱 만들기✅ 이번 글에서 할 일VS Code 설치 및 실행이미지 변환기 프로젝트 폴더 만들기VS Code에서 폴더 열기 & 신뢰 설정Node.js 설치 및 확인Node.js 프로젝트 초기화Electron 설치Sharp 설치앱 실행 테스트💡 이 글은 GPT와 함께 앱을 만들어가는 비개발자의 실제 제작기입니다.코드나 명령어는 그대로 복사해서 터미널에 붙여넣으면 됩니다!💻 Visual Studio Code (VS Code)란?VS Code는 마이크로소프트에서 만든 무료 코드 편집기입니다.우리가 코드를 만들고 실행하며, 파일을 정리하는 데 사용하는 중심 도구예요.✅ VS Code를 사용하는 이유📂 폴더 및 파일 .. 2025. 3. 21. 1편: 설치형 이미지 변환기, GPT랑 같이 만들어보자! 키워드: 이미지 변환기, WebP 변환, Electron 앱 만들기, Sharp 이미지 압축, 데스크탑 앱 개발블로그에 이미지를 올릴 때마다 고민되는 게 하나 있어.바로 👉 이미지 크기, 용량 줄이기, WebP 변환까지 어떻게 할까? 🤔TinyPNG나 Squoosh 같은 웹 툴도 있지만...이미지를 하나씩만 변환해야 하고파일 크기 제한도 있고인터넷 연결도 필요하고...솔직히 너무 불편하지!그래서 이번에는 웹에서 실행되는 게 아니라,내 PC에서 바로 실행되는 설치형 이미지 변환기를 직접 만들어볼 거야. 💻🎯 이 툴은 어떤 걸 할 수 있을까?✅ 이미지 용량 줄이기 (압축)✅ JPG/PNG → WebP로 자동 변환✅ 1200px 이하로 리사이징✅ 여러 장 이미지 한 번에 변환✅ 설치 없이 실행 가능한 .. 2025. 3. 20. 이전 1 다음
