저자는 특히 Windows PC에서 크로스 플랫폼 앱 개발을 위해 JavaScript와 Electron을 배우기 쉽다고 생각했습니다. 기존 JavaScript에 익숙했기 때문에 네이티브 개발 대신 Electron을 선택했습니다. Electron 앱의 핵심 파일은 main.js, preload.js, index.html (또는 React의 출력)입니다. Main.js는 Node.js와 연결하여 애플리케이션의 핵심 기능을 관리합니다. Preload.js는 UI (렌더러)와 main.js 사이의 보안에 신경 쓴 중개자 역할을 하며 특정 기능을 노출합니다. Renderer.js는 UI 상호 작용을 처리하지만 React를 사용할 때는 종종 우회됩니다. 저자는 두 가지 프로젝트 스캐폴딩 방법을 설명합니다: 기본 HTML, CSS, JavaScript 및 Electron을 사용하는 방법과 React (Vite) 및 Electron을 사용하는 방법 (선호하는 방법). 간단한 설정에서는 Electron의 `app` 및 `BrowserWindow`를 활용하여 preload를 선택적으로 사용할 수 있습니다. React는 개발을 단순화하며, Vite 프로젝트 내에서 Electron을 개발 종속성으로 설치하는 것을 제안합니다. 저자는 주로 React와 Electron을 사용하며 commonJS를 사용하고 .js 파일을 .cjs로 이름을 변경합니다. 이것은 Electron 여정에 대한 초기 개요이며, 앞으로 더 많은 통찰력을 공유할 계획입니다.
dev.to
I started learning Electron, and this is what I learned so far
