기능 추가하기

튜토리얼 따라하기

이 내용은 Electron 튜토리얼의 4부에 해당한다.

1. 필수 조건
2. 첫 번째 앱 만들기
3. 프리로드 스크립트 사용하기
4. 기능 추가하기
5. 애플리케이션 패키징
6. 배포 및 업데이트

애플리케이션 복잡성 추가

지금까지 따라왔다면, 여러분은 정적 사용자 인터페이스를 가진 기능적인 Electron 애플리케이션을 갖추고 있을 것이다. 이 시점에서 일반적으로 두 가지 방향으로 애플리케이션 개발을 진행할 수 있다:

1. 렌더러 프로세스의 웹 앱 코드에 복잡성 추가
2. 운영체제 및 Node.js와의 깊은 통합

이 두 가지 개념을 구분하는 것이 중요하다. 첫 번째 경우, Electron 특화 리소스는 필요하지 않다. Electron에서 멋진 할 일 목록을 만드는 것은 단순히 Electron BrowserWindow를 멋진 할 일 목록 웹 앱으로 연결하는 것과 같다. 결국, 웹에서 사용하는 것과 동일한 도구(HTML, CSS, JavaScript)를 사용해 렌더러의 UI를 구축한다. 따라서 Electron 문서는 표준 웹 도구를 어떻게 사용하는지에 대해 깊이 다루지 않는다.

반면, Electron은 데스크톱 환경과 통합할 수 있는 다양한 도구도 제공한다. 트레이 아이콘 생성부터 전역 단축키 추가, 네이티브 메뉴 표시까지 가능하다. 또한 메인 프로세스에서 Node.js 환경의 모든 기능을 활용할 수 있다. 이 기능들은 Electron 애플리케이션을 브라우저 탭에서 실행되는 웹사이트와 구별하며, Electron 문서의 주요 초점이기도 하다.

실습 예제

Electron 문서에는 더 고급 주제와 운영체제와의 깊은 통합을 다루는 다양한 튜토리얼이 포함되어 있다. 시작하려면 실습 예제 문서를 확인해 보자.

누락된 내용이 있다면 알려주세요!

찾고 있는 내용이 없다면 GitHub이나 Discord 서버에서 알려주세요!

다음 단계

이제부터는 애플리케이션 코드에서 벗어나, 여러분이 개발한 앱을 어떻게 실제 사용자에게 전달할 수 있는지 살펴본다.