electron react 3

Electron으로 데스크탑 앱 만들기 (3) - 배포하고 앱 실행하기

Electron을 시작하기 전에 약간의 삽질이 있을 수도 있다.. 고 말씀하셨던 개발자 동료분.. 의 말에 정확하게 삽질이 있긴 했다.하고 나서 생각해 보면 너무 흔한 오류인가? 싶기도 하고, 경험담이겠지? 싶은 🤣프로젝 생성까지 했으니 배포 레츠고.🏠 구조 🏠electron-app/ - sample-app/ 👉🏻 생성 프로젝트 - src/ - main.js 👉🏻 Electron 메인 프로세스 (앱 창 띄우기) - package.json 👉🏻 Electron + 실행 스크립트 설정 - node_modules/🔨 실행 🔨> nvm use > npm run dev NVM 및 Electron 설치는 아래 포스팅 참고 🔽https://cyjcyj.tistory.com/207 El..

Electron으로 데스크탑 앱 만들기 (2) - React + Vite + JavaScript

nvm까지 설치를 했으니, 실제 프로젝트를 생성해서 Electron으로 감싸보자!🔧 개발 환경 : Vite🔨 라이브러리 : React 🤔 언어 : JavaScript NVM 설치 관련은 아래 포스팅 참고 🔽https://cyjcyj.tistory.com/207 Electron으로 데스크탑 앱 만들기 (1) - NVM 설치부터구구절절 시작 🔽(갑자기 회의에 참여하게 된) "유진님, 저희 데스크톱 앱 만들어야 하는데 먼저 nvm부터 까시고여. nvm이 node 버전 관리해 주는 건데, 아마 기존 프로젝이랑 왔다 갔다 하면서 개cyjcyj.tistory.com 🏃🏻‍♀️ 목표 목표 : 데스크탑 앱으로 띄우기 순서 : 1️⃣ 프로젝트 생성 -> 2️⃣ Electron 설치 및 기본 설정 -> 3️..

Electron으로 데스크탑 앱 만들기 (1) - NVM 설치부터

구구절절 시작 🔽(갑자기 회의에 참여하게 된) "유진님, 저희 데스크톱 앱 만들어야 하는데 먼저 nvm부터 까시고여. nvm이 node 버전 관리해 주는 건데, 아마 기존 프로젝이랑 왔다 갔다 하면서 개발하셔야 영향이 없고여. 또.. Electron으로 앱 만들어야 하는데, 우선 Hello World부터 띄워주세여" ------> "...옝? 😳"로 시작된 갑자기 Electron으로 데스크탑 앱 만들기 시작~ NVM이란? NVM(Node Version Manager)은 Node.js의 버전을 쉽게 설치하고, 전환할 수 있게 해주는 도구.❓ 이것이 왜 필요하냐? 기존에 맡고 있던 프로젝트가 있기 때문에, 프로젝트마다 요구하는 버전이 다를 수 있다.따라서 프로젝트마다 nvm을 써서 원하는 버전으로 사용..