[Electron 데스크톱 앱 개발] #1: Electron 입문, 데스크톱 앱 개발을 시작해보자

✔️ 1. Electron이란?

Electron은 웹 기술을 사용하여 데스크톱 애플리케이션을 개발할 수 있도록 해주는 오픈 소스 프레임워크입니다.

 

HTML, CSS, JavaScript와 같은 웹 기술을 기반으로 Windows, macOS, Linux에서 실행할 수 있는 데스크톱 프로그램​을 만들 수 있습니다.

 

Electron은 Chromium과 Node.js를 기반으로 동작하기 때문에, 웹 페이지를 만드는 것과 비슷한 방식으로 데스크톱 애플리케이션을 개발할 수 있습니다.

 

평소 웹 개발을 해왔다면 익숙한 기술을 활용하여 데스크톱 애플리케이션을 만들 수 있다는 점이 Electron의 큰 장점이라고 생각합니다.

---

✔️ 2. Electron은 어떻게 동작할까?

Electron은 크게 Chromium과 Node.js를 결합한 구조라고 볼 수 있습니다.

 

🔹 Chromium

Chromium은 웹 페이지를 화면에 표시하고 HTML, CSS, JavaScript를 실행하는 역할을 합니다.

덕분에 Electron에서는 우리가 웹 브라우저에서 사용하는 것과 비슷한 방식으로 화면을 구성할 수 있습니다.

 

🔹 Node.js

Node.js는 JavaScript를 브라우저 밖에서도 실행할 수 있도록 해주는 런타임입니다.

Electron에서는 Node.js를 이용하여 파일 시스템 접근, 프로세스 실행 등 일반적인 웹 페이지에서는 제한되는 작업을 수행할 수 있습니다.

 

🔹 Electron

Electron은 이러한 Chromium과 Node.js를 하나의 애플리케이션 환경으로 결합하여 웹 기술을 이용해 데스크톱 프로그램을 만들 수 있도록 해줍니다.