[Electron] 튜토리얼 Part 2: 첫 데스크탑 앱 만들기

개발 환경 준비운영체제: Windows 사용 시 WSL(Windows Subsystem for Linux)은 피하는 것이 좋습니다. WSL에서 Electron 실행 시 문제가 발생할 수 있기 때문입니다.코드 에디터: Visual Studio Code를 추천하며, 확장 기능으로 JavaScript 작업을 최적화할 수 있습니다.터미널: OS 기본 터미널(Windows: CMD/PowerShell, macOS/Linux: Terminal)을 사용하거나, 에디터 내 터미널을 활용합니다.npm 프로젝트 초기화새 프로젝트 폴더를 새성하고 이동mkdir my-first-electron-app && cd my-first-electron-appnpm으로 프로젝트 초기화npm init -yElectron 개발 의존성으로 ..

• format_list_bulleted Electron
• · 2025. 3. 19.
• textsms

[Electron] 튜토리얼 Part 1: 시작하기 전 알아야 할 모든 것

Electron은 JavaScript, HTML, CSS와 같은 웹 기술을 활용해 Windows, macOS, Linux에서 실행 가능한 데스크탑 애플리케이션을 만들 수 있는 강력한 프레임워크입니다. Chromium과 Node.js를 통합한 구조 덕분에, 단일 코드베이스로 다양한 플랫폼을 지원하며 개발자들에게 친숙한 환경을 제공합니다.이번 튜토리얼은 Electron을 이용하여 첫 번째 애플리케이션을 구축하고, 이를 패키징 및 배포하는 과정을 단계별로 안내합니다. 먼저 필요한 전제 조건과 도구들을 점검한 후, 실제 코드를 작성하며 전반적인 개발 과정을 이해해 보겠습니다.개발을 위한 전제 조건웹 기술 익숙도Electron의 UI는 HTML과 CSS로 구성되고, JavaScript로 동작을 제어합니다. 기본적..

• format_list_bulleted Electron
• · 2025. 3. 19.
• textsms

[Electron] 일렉트론이란 무엇인가

Electron의 강점단일 코드로 다중 플랫폼 지원: 한 번 작성한 코드로 여러 운영체제에서 동작하는 앱을 만들 수 있어 개발 시간과 유지보수 비용을 크게 줄일 수 있습니다.웹 기술 활용: 웹 개발 경험이 있는 개발자라면 별도의 학습 없이도 데스크탑 앱을 제작할 수 있으며, 풍부한 UI/UX를 구현할 수 있습니다.광범위한 API와 문서: 파일 시스템 접근, 네이티브 다이얼로그, 시스템 트레이 등 데스크탑 앱에 필요한 기능을 제공하며, 잘 정리된 문서로 쉽게 접근 가능합니다.Electron Fiddle: Electron Fiddle는 실험용 샌드박스 앱으로, 공식 예제와 문서를 보다 손쉽게 탐구하고 프로토타입을 만들어볼 수 있도록 지원합니다.웹 기술의 가능성접근성과 창의성다양한 UI 구현: HTML5와 C..

• format_list_bulleted Electron
• · 2025. 3. 19.
• textsms