설치형 이미지 변환기2 3탄: 드래그 앤 드롭 + 이미지 변환 기능 추가 (최종 정리) 🚀 목표:드래그 앤 드롭으로 이미지를 추가파일 경로를 안전하게 전달하고 확인Sharp 라이브러리를 이용해 이미지 변환1️⃣ 앱 기본 구조 (최종 파일 트리)📂 프로젝트 폴더 (image-converter/)image-converter/├── node_modules/├── index.html├── main.js├── bridge.js├── package.json⚠️ bridge.js 파일이 꼭 있어야 하고, main.js에서 불러와야 합니다!2️⃣ main.js (Electron 메인 프로세스)📄 VS Code에서 main.js를 열고 아래 코드로 수정하세요.const { app, BrowserWindow, ipcMain } = require("electron");const path = require.. 2025. 3. 21. 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 다음
