일렉트론 (소프트웨어 프레임워크)

3. 아키텍처

일렉트론은 여러 프로세스로 구성된 애플리케이션을 만들 수 있도록 설계되었다. 크게 '메인 프로세스'와 '렌더러 프로세스'로 나뉜다. 메인 프로세스는 애플리케이션의 로직을 실행하고, 여러 개의 렌더러 프로세스를 생성할 수 있다. 렌더러 프로세스는 화면에 보이는 창에 HTML과 CSS를 렌더링하는 역할을 담당한다.^[46]

메인 프로세스와 렌더러 프로세스는 모두 Node.js와 통합하여 시작할 수 있다.

Electron의 API는 대부분 C++ 또는 Objective-C로 작성되었으며, JavaScript 바인딩을 통해 애플리케이션 코드에 직접 공개된다.^[46]

3. 1. 메인 프로세스

3. 2. 렌더러 프로세스

3. 3. 프로세스 간 통신

3. 4. Node.js 통합

4. 보안

일렉트론 애플리케이션은 크로미엄 엔진으로 실행되는 웹 애플리케이션이므로 구버전의 일렉트론을 사용할 경우 크로스 사이트 스크립팅과 같은 웹 관련 공격에 취약해질 수 있다.^[47] 이러한 취약점은 Electron 1.7.13, 1.8.4 및 2.0.0-beta.5에서 수정되었다.^[48]

4. 1. 주요 보안 고려 사항

5. 비판

일렉트론은 간단한 프로그램을 개발할 때에도 소프트웨어 팽창을 유발한다는 비판을 받는다.^[35] 마이클 라라벨은 일렉트론을 "대부분의 리눅스 데스크톱 사용자들 사이에서 리소스를 많이 사용하고, 대부분의 데스크톱과 잘 통합되지 않으며, 일반적으로 혐오감을 주는 것으로 악명 높다"고 평가했다.^[36]

연구자들은 일렉트론의 방대한 기능이 악의적인 사용자에 의해 하이재킹될 수 있음을 보여주었다. 이는 *nix 시스템에서 루트 접근 권한이 필요하며, 일렉트론 개발자들은 이를 취약점으로 간주하지 않는다.^[37] 일렉트론이 항상 최신 버전의 크로미움을 기반으로 하지 않는 것에 대한 우려로 인해, 프로그레시브 웹 앱이 대안으로 권장되기도 한다.^[38]

일렉트론 애플리케이션은 유사한 기능을 가진 네이티브 애플리케이션보다 오버헤드가 크다는 비판을 받는다. 일렉트론으로 빌드된 애플리케이션은 운영 체제 네이티브 기술로 빌드된 유사 애플리케이션보다 더 많은 저장 공간과 RAM을 소비하여 속도가 느려질 가능성이 높다.^[49][50][51] 크로미움을 번들하는 대신 운영 체제에 내장된 브라우저를 사용하는 방법이 대안으로 언급된다.^[52]

5. 1. 성능 및 리소스 사용량

5. 2. 대안

6. 버전

2021년 9월, 일렉트론은 크로미움 확장 안정 버전의 출시 주기에 맞춰 주요 버전 간 8주 출시 주기로 변경되었으며, Microsoft Store에서 브라우저 기반 앱이 브라우저 엔진의 최신 릴리스에서 두 개의 주요 버전 내에 있어야 한다는 새로운 요구 사항을 준수하게 되었다.^[11]

일렉트론은 자주 크로미움 릴리스마다 새로운 주요 버전을 출시한다. 최신 세 개의 안정 버전은 일렉트론 팀에서 지원한다.^[12]

7. 일렉트론을 사용한 애플리케이션

많은 데스크톱 애플리케이션이 일렉트론을 사용하여 빌드되고 있다.^[97] 아톰,^[98] 깃허브 베타,^[99] 라이트 테이블,^[100] 슬랙,^[101] 비주얼 스튜디오 코드,^[102] 디스코드^[97] 등이 대표적이다.

7. 1. 대표적인 애플리케이션

7. 2. 한국에서 개발된 주요 애플리케이션

• 아톰^[98]
• 깃허브 베타^[99]
• 라이트 테이블^[100]
• 슬랙^[101]
• 비주얼 스튜디오 코드^[102]
• 디스코드^[97]
• Microsoft Teams^[57]
• ShogiHome
• Signal
• Skype
• WhatsApp
• Wire^[65]

참조

_[1] 웹사이트 electron/electron https://github.com/e[...] 2018-05-08
_[2] 웹사이트 Release electron v34.0.0-alpha.1 · electron/electron https://github.com/e[...] 2024-10-16
_[3] 웹사이트 electron/LICENSE at master https://github.com/e[...] 2020-07-03
_[4] 웹사이트 Atom Shell is now Electron https://www.electron[...] 2022-01-06
_[5] 웹사이트 Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron https://www.electron[...] 2023-02-01
_[6] 웹사이트 Electron Internals: Using Node as a Library https://electronjs.o[...] 2020-07-03
_[7] 웹사이트 Light Table 0.8.0 http://lighttable.co[...] lighttable.com 2020-07-03
_[8] 웹사이트 GitHub Repository https://github.com/A[...] 2019-06-16
_[9] 웹사이트 Theia - Cloud and Desktop IDE Platform https://theia-ide.or[...] 2021-12-31
_[10] 웹사이트 From native to JavaScript in Electron {{!}} Electron Blog https://electronjs.o[...] 2019-04-26
_[11] 웹사이트 New Electron Release Cadence | Electron https://electronjs.o[...] 2022-02-09
_[12] 웹사이트 Electron Releases {{!}} Electron https://electronjs.o[...] 2022-12-16
_[13] 웹사이트 Release electron v33.0.0 · electron/electron https://github.com/e[...] 2024-10-16
_[14] 웹사이트 Release electron v28.0.0 · electron/electron https://github.com/e[...] 2023-12-14
_[15] 웹사이트 Release electron v27.0.0 · electron/electron https://github.com/e[...] 2023-10-11
_[16] 웹사이트 Release electron v26.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[17] 웹사이트 Release electron v25.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[18] 웹사이트 Release electron v24.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[19] 웹사이트 Release electron v23.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[20] 웹사이트 Release electron v22.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[21] 웹사이트 Release electron v21.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[22] 웹사이트 Release electron v20.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[23] 웹사이트 Release electron v19.0.0 · electron/electron https://github.com/e[...] 2022-05-31
_[24] 웹사이트 Release electron v18.0.0 · electron/electron https://github.com/e[...] 2022-05-04
_[25] 웹사이트 Release electron v17.0.0 · electron/electron https://github.com/e[...] 2022-02-28
_[26] 웹사이트 Release electron v16.0.0 · electron/electron https://github.com/e[...] 2021-12-03
_[27] 웹사이트 Atom Shell is now Electron https://web.archive.[...] 2017-07-15
_[28] 웹사이트 Etcher on GitHub https://github.com/b[...] 2020-07-07
_[29] 웹사이트 How Microsoft Teams uses memory - Microsoft Teams https://docs.microso[...] 2021-11-12
_[30] 웹사이트 Teams 2.0 Moves Away from Electron to Embrace Edge WebView2 https://office365itp[...] 2024-08-02
_[31] 뉴스 Building hybrid applications with Electron https://slack.engine[...] 2017-08-12
_[32] 웹사이트 Microsoft's new Code editor is built on Google's Chromium https://arstechnica.[...] 2015-11-18
_[33] 웹사이트 Open Source project https://github.com/M[...] 2018-05-20
_[34] 웹사이트 People are now even doing machine learning in JavaScript https://www.opensour[...] Open Source For U 2022-08-26
_[35] 웹사이트 Some FOSS gems: Franz, RamBox, Pidgin and more https://www.theregis[...] The Register 2022-08-26
_[36] 웹사이트 Electron Apps Are Bad, So Now You Can Create Desktop Apps With HTML5 + Golang https://www.phoronix[...] Phoronix 2022-08-26
_[37] 웹사이트 Skype, Slack, other Electron based apps can be easily backdoored https://arstechnica.[...] Ars Technica 2022-08-26
_[38] 웹사이트 That native app is probably just an old web browser https://www.howtogee[...] How To Geek 2022-08-26
_[39] 웹사이트 electron/electron https://github.com/e[...] 2018-05-08
_[40] 웹사이트 electron/LICENSE at master https://github.com/e[...] 2020-07-03
_[41] 웹사이트 Atom Shell is now Electron https://www.electron[...] 2022-11-21
_[42] 웹사이트 electron/electron https://github.com/a[...] 2018-05-08
_[43] 웹사이트 Electron Internals: Using Node as a Library https://electronjs.o[...] 2020-07-03
_[44] 뉴스 Introducing the New Evernote for Windows and Mac https://evernote.com[...] 2020-11-03
_[45] 웹사이트 GitHub Repository https://github.com/A[...] 2019-06-16
_[46] 웹사이트 From native to JavaScript in Electron {{!}} Electron Blog https://electronjs.o[...] 2019-04-26
_[47] 웹사이트 Electron nodeIntegration Bypass https://www.trustwav[...] 2021-09-12
_[48] 웹사이트 Webview Vulnerability Fix https://electronjs.o[...] 2021-09-12
_[49] 웹사이트 Electron considered harmful https://drewdevault.[...] 2019-10-02
_[50] 웹사이트 Electron is Cancer https://medium.com/c[...] Medium 2019-10-02
_[51] 웹사이트 Electron is flash for the desktop https://josephg.com/[...] 2021-06-12
_[52] 웹사이트 electron-alternatives: Few Cross platform desktop GUI App development options are listed here https://github.com/s[...] 2021-09-12
_[53] 웹사이트 Apps https://electronjs.o[...] 2020-06-13
_[54] 웹사이트 CrashPlan for Small Business version 6.7 https://support.code[...] 2018-04-25
_[55] 웹사이트 Etcher on GitHub https://github.com/b[...] 2020-07-07
_[56] 웹사이트 Announcing Git Integration for Atom and GitHub Desktop Beta https://github.com/b[...] 2017-07-15
_[57] 웹사이트 Electron Helper and branding https://techcommunit[...] 2018-05-08
_[58] 웹사이트 Joplin - Apps - Electron https://www.electron[...] 2021-09-12
_[59] 웹사이트 Building hybrid applications with Electron https://slack.engine[...] 2017-08-12
_[60] 웹사이트 symphonyoss/SymphonyElectron https://github.com/s[...] 2018-09-27
_[61] 웹사이트 Microsoft's new Code editor is built on Google's Chromium https://arstechnica.[...] 2015-11-18
_[62] 웹사이트 Open Source project https://github.com/M[...] 2021-09-12
_[63] 웹사이트 VOICEVOX | 無料で使える中品質なテキスト読み上げソフトウェア https://voicevox.hir[...] 公式サイト 2022-06-18
_[64] 웹사이트 商用可・無料の音声読み上げツール「VOICEVOX」が公開 ～素人でも手軽に満足のいく品質が得られる丁度よさが魅力【8月6日追記】 https://forest.watch[...] 窓の杜 2022-06-18
_[65] 웹사이트 wireapp/wire-desktop https://github.com/w[...] 2018-05-08
_[66] 문서 Earliest tagged release https://github.com/e[...]
_[67] 웹인용 Release electron v28.0.0-beta.8 · electron/electron https://github.com/e[...] 2023-11-20
_[68] 웹인용 electron/LICENSE at master https://github.com/e[...] 2017-04-25
_[69] 웹인용 Atom Shell is now Electron http://blog.atom.io/[...] 2015-12-02
_[70] 문서 https://github.com/a[...]
_[71] URL https://github.com/a[...]
_[72] 뉴스 Visual Studio Code - Now With Added Extensions http://www.i-program[...] I Programmer 2015-12-02
_[73] 웹인용 Light Table 0.8.0 http://lighttable.co[...] 2017-03-21
_[74] 웹인용 Add submodules. · electron/electron@6ef8875 https://github.com/e[...] 2017-03-19
_[75] 웹인용 Atom Is Now Open Source http://blog.atom.io/[...] 2017-03-19
_[76] 웹인용 Rename to electron by kevinsawicki · Pull Request #1389 · electron/electron https://github.com/e[...] 2017-03-19
_[77] 뉴스 Electron 1.0 https://electron.ato[...] 2017-03-19
_[78] 웹인용 Mac App Store Submission Guide https://electron.ato[...] 2017-03-19
_[79] 웹인용 Release electron v0.34.0 · electron/electron https://github.com/e[...] 2015-10-16
_[80] 웹인용 Release electron v1.1.1 · electron/electron https://github.com/e[...] 2016-05-20
_[81] 웹인용 Merge pull request #5584 from electron/sandbox-no-expl · electron/electron@e05f795 https://github.com/e[...] 2016-05-18
_[82] 웹인용 Windows Store Guide https://electron.ato[...] 2017-03-19
_[83] 웹인용 Update Windows Store Language · electron/electron@084110c https://github.com/e[...] 2017-05-05
_[84] 웹인용 package.json https://docs.npmjs.c[...] 2017-03-19
_[85] 웹인용 Release electron v27.0.0 · electron/electron https://github.com/e[...] 2023-10-11
_[86] 웹인용 Release electron v26.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[87] 웹인용 Release electron v25.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[88] 웹인용 Release electron v24.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[89] 웹인용 Release electron v23.0.0 · electron/electron https://github.com/e[...] 2023-09-23
_[90] 웹인용 Release electron v22.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[91] 웹인용 Release electron v21.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[92] 웹인용 Release electron v20.0.0 · electron/electron https://github.com/e[...] 2022-12-16
_[93] 웹인용 Release electron v19.0.0 · electron/electron https://github.com/e[...] 2022-05-31
_[94] 웹인용 Release electron v18.0.0 · electron/electron https://github.com/e[...] 2022-05-04
_[95] 웹인용 Release electron v17.0.0 · electron/electron https://github.com/e[...] 2022-02-28
_[96] 웹인용 Release electron v16.0.0 · electron/electron https://github.com/e[...]
_[97] 웹인용 Apps https://electron.ato[...] Electron 2017-08-18
_[98] 웹인용 Atom Shell is now Electron https://electron.ato[...] Electron 2017-07-15
_[99] 웹인용 Announcing Git Integration for Atom and GitHub Desktop Beta https://github.com/b[...] The GitHub Blog 2017-07-15
_[100] 웹인용 Light Table 0.8.0 http://lighttable.co[...] Light Table Blog 2017-07-15
_[101] 웹인용 Building hybrid applications with Electron https://slack.engine[...] Several People Are Coding 2017-08-12
_[102] 웹인용 Microsoft’s new Code editor is built on Google’s Chromium https://arstechnica.[...] 아르스 테크니카 2015-11-18