본문 바로가기
Electron

[Electron] 일렉트론 퀵스타트

by 미눅스[멘토] 2026. 4. 3.
728x90

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