https://deahan.tistory.com/483
[Electron] 일렉트론 데스크탑 어플리케이션 만들기 기초 및 셋팅
1. Electron이란?HTML, CSS, Javascript를 사용해 desktop application을 만들기 위한 프레임 워크임Chromium과 Node.js를 single binary file에 추가하여, Electron은 Javascript 코드 베이스로 Windows. macOS, Linux에서 동작하는 c
deahan.tistory.com
이렇게 사용방법을 알아봤는데 빠르게 실행해보는 방법이 있다
아래 Electron 공식문서에 들어가보면 가이드가 있다.
https://tinydew4.github.io/electron-ko/docs/tutorial/quick-start/
사용방법과 함께 빠르게 시작하는 방법을 알려준다.
준비되어야 할것은 git, node.js, vscode가 설치되어있다는 기준이다
나는 PowerShell에서 실행하면 오류가 생겨 cmd로 바꿔 실행해줬다. vscode에서 cmd로 바꾸는방법은 cmd를 입력하면 된다

# 저장소를 클론합니다
$ git clone https://github.com/electron/electron-quick-start
# 저장소 안으로 들어갑니다
$ cd electron-quick-start
# 애플리케이션의 의존성 모듈을 설치한 후 실행합니다
$ npm install && npm start

Hello World!라고 잘 실행된것을 볼 수 있다.
쉽다면 아래 react로 띄우는 예제도 참고해보자
https://deahan.tistory.com/485
[Electron] Electron + React 프로젝트 한방에 띄우기
1.node설치우선 node.js가 설치되어있어야 한다 설치가 안되어 있다면 아래 블로그를 참고하여 설치하고 오자https://deahan.tistory.com/413 [React] 272샘의 React1 (Node.Js설치)https://nodejs.org/en Node.js — Run JavaSc
deahan.tistory.com
'Electron' 카테고리의 다른 글
| [Electron] React + Electron 배포하기(build) (0) | 2026.04.08 |
|---|---|
| [Electron] 일렉트론 컨텍스트 메뉴 설정하기 (0) | 2026.04.04 |
| [Electron] Electron + React(vite) 프로젝트 한방에 띄우기 (0) | 2026.04.04 |
| [Electron] 일렉트론 데스크탑 어플리케이션 만들기 기초 및 셋팅 (0) | 2026.04.01 |