Electron

Source: https://github.com/sindresorhus/awesome-electron at 8a8126103752
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

Awesome Electron

Electron 앱 제작을 위한 유용한 자료

Electron은 웹 기술을 사용해 데스크톱 앱을 만드는 오픈 소스 프레임워크입니다. Chromium 렌더링 엔진과 Node.js 런타임을 결합합니다.

---

_{제 macOS 앱을 확인해 보세요}

Text Lens
^{화면에서 선택할 수 없는 텍스트 복사}

---

목차

• 앱
• 보일러플레이트
• 도구
• 구성 요소
• 문서
• 글
• 도서
• 동영상
• 팟캐스트
• 커뮤니티
• 관련

앱

Electron으로 제작.

오픈 소스

추천

• WebTorrent - 스트리밍 토렌트 클라이언트
• Min - 미니멀 웹 브라우저
• Hyper - 터미널
• Visual Studio Code - 크로스 플랫폼 IDE

기타

• Git-it - Git과 GitHub 사용법을 알려줍니다
• Caprine - 비공식 Facebook Messenger 앱
• Simplenote - 메모 앱
• Abricotine - 인라인 미리 보기를 지원하는 Markdown 편집기
• Kap - GIF를 지원하는 화면 녹화 도구
• Medis - Redis 데이터베이스 관리
• SmartMirror - 음성 제어 스마트 미러
• Beaker - P2P 웹 프로토콜 브라우저
• KeeWeb - 비공식 KeePass 앱
• Gitify - 메뉴 막대에서 GitHub 알림 확인
• SpaceRadar - 디스크 공간과 메모리의 대화형 시각화
• Leanote - 클라우드 메모장
• Loop Drop - 전자 음악 라이브 공연용 MIDI 루퍼 및 신시사이저
• Pomodoro - 포모도로 기법을 기반으로 한 타이머
• Sia-UI - 암호화폐 기술 기반의 분산형 파일 저장 시스템
• MarkRight - 실시간 미리 보기를 지원하는 GitHub 스타일 Markdown 편집기
• Sqlectron - SQL 클라이언트
• Light Table - 즉각적인 피드백을 제공하는 코드 편집기
• Google Play Music Desktop Player - 비공식 Google Play Music 앱
• Chrome DevTools - 앱으로 패키징된 Chrome DevTools
• Proton - 실시간 미리 보기를 지원하는 Markdown 편집기
• Hawkpass - 비밀번호 생성기
• Boostnote - 개발자를 위한 Markdown 노트 및 코드 조각 앱
• Before Dawn - 화면 보호기 도구
• Catify - Spotify 유틸리티
• Ansel - 이미지 정리 도구
• Tockler - 시간을 추적합니다
• Mattermost - Mattermost 클라이언트
• Crypter - 보안 암호화 클라이언트
• YakYak - 비공식 Google Hangouts 앱
• Museeks - 음악 플레이어
• Sabaki - 바둑판
• Wire - 메신저 및 통화 앱
• Extraterm - 터미널
• Stacer - Ubuntu 시스템 최적화 도구
• Inpad - GitHub 스타일 Markdown을 지원하는 노트 앱
• Cerebro - 인라인 미리 보기가 있는 실행기
• LosslessCut - 무손실 동영상 트리밍 및 자르기
• Buka - 전자책 관리
• Insomnia - HTTP 요청 생성 및 관리
• Tusk - 비공식 Evernote 앱
• Buttercup Desktop - 비밀번호 관리자
• Mailspring - 확장 가능한 이메일 클라이언트. (Nylas Mail 포크)
• Headset - YouTube 음악을 찾고 수집해 감상
• Nuclear - 무료 소스에서 스트리밍하는 음악 플레이어
• Mark Text - 실시간 미리 보기가 있는 Markdown 편집기
• Pomotroid - 포모도로 타이머
• Netron - 딥러닝 및 머신러닝 모델 시각화 도구
• Etcher - OS 이미지를 SD 카드와 USB 드라이브에 기록
• Notable - Markdown 기반 메모 작성
• Unsplash Wallpapers - Unsplash 이미지로 바탕 화면 설정
• Motrix - 다운로드 관리자
• Franz - Skype, Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger, Hipchat을 하나의 앱에서
• Gmail Desktop - 비공식 Gmail 앱
• Upcount - 송장 발행
• ExifCleaner - 드래그 앤 드롭으로 이미지 메타데이터 정리
• massCode - 개발자를 위한 코드 조각 관리자
• Swifty - 비밀번호 관리자
• MQTTX - 경량 메시징 프로토콜인 MQTT 클라이언트
• LightProxy - 웹 디버깅 프록시
• Beekeeper Studio - 크로스 플랫폼 SQL 편집기 및 데이터베이스 관리자
• Mouseless - 키보드 단축키 학습 및 검색
• Glyphfinder - 유니코드 문자 검색
• Graviton Editor - 크로스 플랫폼 코드 편집기
• Yana - 서식 있는 노트, 중첩 정리 및 전체 검색을 지원하는 노트 앱
• SpaceEye - 바탕 화면 배경용 실시간 위성 이미지
• Heroic Games Launcher - Epic Games 런처 대안
• VIR - 자동 계획 기능을 갖춘 지능형 시간 관리자
• Browserosaurus - macOS용 브라우저 선택 도구
• linked - 일일 일지
• shadowsocks-electron - 크로스 플랫폼 Shadowsocks 클라이언트
• Sigma File Manager - 현대적인 파일 관리자
• Ostara - Actuator로 Spring Boot 앱을 모니터링하고 제어
• PikaTorrent - BitTorrent 클라이언트
• Wave Terminal - AI 통합 오픈 소스 터미널
• Signal Desktop - Signal 모바일 앱용 데스크톱 컴패니언 앱

비공개 소스

추천

• Rosefinch - SQL 쿼리 저장 및 실행
• Nota - 로컬 Markdown 파일을 위한 전문 글쓰기 앱

기타

• GitKraken - Git 클라이언트
• 1Clipboard - 범용 클립보드 관리자
• Postman - HTTP 요청 생성 및 전송
• Slack - 데스크톱 버전
• Avocode - 디자인을 공유하고 협업
• Prepros - 거의 모든 전처리 언어를 컴파일하고 브라우저를 실시간 새로 고침
• Stremio - 미디어 센터
• Typetalk - 인스턴트 메시징으로 팀과 아이디어를 공유하고 논의
• Pingendo - Bootstrap 프로토타이핑
• Spreaker Studio - 오디오 녹음 및 방송
• MockingBot - 앱 디자인을 위한 프로토타이핑 도구
• Caret - Markdown 편집기
• Remember - 명함 관리. (한국어)
• MongoDB Compass - MongoDB 공식 앱
• Freeter - 프리랜서 및 크리에이터를 위한 정리 도구
• WhatsApp - WhatsApp 공식 앱
• CatLight - 빌드 상태 알림 도구
• Discord - 음성 및 텍스트 채팅
• Cocos Creator - Cocos2D-x용 웹 및 네이티브 게임 제작 편집기
• Inkdrop - 해커를 위한 Markdown 노트북
• Exodus - Bitcoin 및 Ethereum과 같은 블록체인 자산을 안전하게 관리하고 교환
• Hackolade - NoSQL 및 멀티모델 데이터베이스용 데이터 모델링
• CashNotify - 메뉴 막대에서 Stripe 계정 모니터링
• Mockoon - 몇 초 만에 모의 서버 생성
• Twitch - Twitch 공식 앱
• Fenêtre - Mac용 화면 속 화면
• Cleavr - 서버 프로비저닝 및 웹 앱 배포
• Brandy - 메뉴 막대용 브랜드 자산 관리자
• Cacher - Gist 동기화를 지원하는 클라우드 기반 팀 코드 조각 관리자
• MusicPlus - macOS 및 Windows용 무료 음악 앱
• Mingo - MongoDB GUI
• Moon Modeler - MongoDB, Mongoose, MariaDB용 스키마 설계 도구
• Notion - 노트, 작업, 위키, 데이터베이스를 위한 올인원 작업 공간
• FATpick - 연주 실력을 채점하는 기타 타브 악보 뷰어
• Taskade - 작업, 노트, 채팅을 지원하는 분산 팀용 실시간 조직 및 협업 도구
• Coloban - 채팅, 칸반, 간트, 통화, 화면 공유 등을 갖춘 올인원 프로젝트 관리 도구
• Dynobase - AWS DynamoDB GUI
• Lotus - 스트레스 없이 GitHub 알림 확인
• RunJS - JavaScript 및 TypeScript 플레이그라운드
• OpenSFTP - SSH 및 SFTP 통합 작업 공간 클라이언트
• Obsidian - 확장 가능한 Markdown 노트 및 지식 관리

샘플

• Electron API usage - Electron API 사용을 보여 주는 샘플 앱
• Screen Recorder - WebRTC 화면 녹화 도구
• Activity Monitor - CPU의 시스템, 사용자 및 유휴 시간을 도넛 차트로 표시
• Hash - 입력한 텍스트의 해시 값을 다양한 알고리즘으로 표시
• Prices - Yahoo Finance API를 사용해 석유, 금, 은의 현재 가격 표시

보일러플레이트

• electron-boilerplate - 앱 개발을 시작하기 위한 보일러플레이트 — 제작: sindresorhus.
• generator-electron - 앱 보일러플레이트 생성
• electron-boilerplate - 설치 프로그램까지 생성하는 종합 보일러플레이트 — 제작: szwacz.
• electron-react-boilerplate - React와 webpack 기반 보일러플레이트
• electron-quick-start - 저장소를 복제해 간단한 앱을 사용해 보세요
• bozon - 앱을 구성하고 실행, 테스트 및 패키징
• secure-electron-template - React, Redux, Webpack, i18next 앱 제작을 위한 보안 중심 보일러플레이트
• angular-electron - Angular, Electron, TypeScript, SASS, 핫 리로드로 빠른 시작
• vite-electron-builder - Vite 기반의 안전한 Electron 앱 보일러플레이트. TypeScript + Vue/React/Angular/Svelte/Vanilla.

도구

Electron용

• electron-builder - 설치 프로그램 생성
• electron-packager - 앱 패키징 및 배포
• electron-debug - 유용한 디버깅 기능 추가
• electron-is-dev - Electron이 개발 모드로 실행 중인지 확인
• electron-localshortcut - 창에 로컬 키보드 단축키 추가
• fix-path - GUI 앱에서 실행할 때 macOS의 $PATH를 수정합니다. 자식 프로세스 실행 시 유용합니다.
• electron-dl - 간편한 파일 다운로드
• electron-release-server - 프런트엔드 및 자동 업데이트를 지원하는 자체 호스팅 릴리스 서버
• electron-rebuild - 현재 설치된 Electron 버전에 맞춰 네이티브 Node.js 모듈 재빌드
• debug-menu - Chrome 스타일의 ‘요소 검사’ 컨텍스트 메뉴
• electron-installer-debian - Debian 패키지 생성
• electron-installer-redhat - Red Hat 패키지 생성
• electron-installer-windows - Windows 패키지 생성
• electron-download - GitHub에서 Electron 릴리스 ZIP 다운로드
• electron-osx-sign - macOS 앱 코드 서명
• ember-electron - Ember 앱 빌드, 테스트 및 패키징
• electron-store - 사용자 설정, 앱 상태, 캐시 등의 데이터 저장 및 불러오기
• electron-context-menu - 확장 가능한 컨텍스트 메뉴
• NeDB - 내장형 영구 또는 인메모리 데이터베이스
• RxDB - 실시간 NoSQL 데이터베이스
• electron-devtools-installer - Chrome 웹 스토어에서 DevTools 확장 프로그램 설치
• electron-log - 간단한 로깅
• electron-about-window - ‘이 앱 정보’ 창
• elemon - 개발 중 앱 실시간 다시 로드
• electron-is-accelerator - 문자열이 유효한 가속 키인지 확인
• electron-pdf-window - 브라우저 창에서 PDF 파일 보기
• got - 간소화된 HTTP 요청
• electron-unhandled - 처리되지 않은 오류와 Promise 거부 감지
• electron-util - 앱과 모듈 개발을 위한 유용한 유틸리티
• electron-reloader - 개발 중 간편한 자동 다시 로드
• electron-serve - 정적 파일 제공 (react-router와 같은 라우팅에 유용)
• electron-timber - 보기 좋은 로거
• chromium-net-errors - Chromium 네트워크 오류를 사용자 지정 오류 클래스로 제공
• run-electron - 불필요한 터미널 출력 없이 Electron 실행
• debugtron - 프로덕션 Electron 앱 디버깅
• electron-better-ipc - 간소화된 IPC 통신
• electron-chrome-extension - Chrome 확장 프로그램 지원 추가
• trilogy - 네이티브 C++ 및 순수 JavaScript 백엔드를 모두 지원하는 TypeScript SQLite 데이터베이스 계층
• adblocker-electron - 광고 및 추적기 차단
• electronmon - 개발 중 별도 프로세스에서 앱 모니터링 및 다시 로드
• electronegativity - 잘못된 구성 및 보안 안티패턴 식별
• UpdateRocks! - 자동 업데이트 서비스. 오픈 소스 프로젝트는 무료
• electron-vite - Vite와 통합된 빠르고 사용하기 쉬운 빌드 도구
• pluggable-electron - 플러그인으로 확장 가능한 앱 빌드
• Hydraulic Conveyor - 전용 업데이트 서버, 멀티 플랫폼 CI 또는 코드 변경 없이 앱을 배포하는 CLI 도구
• Aptabase - 앱 분석. 오픈 소스이며 개인정보 보호에 친화적이고 간편
• electron-webauthn-mac - Apple AuthenticationServices 프레임워크를 통한 macOS 앱용 네이티브 WebAuthn/Passkey 지원

Electron 사용

• nativefier - 모든 웹사이트를 앱으로 만들기
• electron-stream - 스트리밍 래퍼
• electron-pdf - 명령줄에서 URL, HTML 또는 Markdown 파일로 PDF 생성
• electron-mocha - Electron에서 Mocha 테스트 실행
• Reactotron - React 및 React Native 앱 검사
• jest-electron - 브라우저 환경에서 Jest 단위 테스트 실행 및 디버깅

구성 요소

• menubar - 메뉴 막대 앱 프레임워크
• React Desktop - React로 만든 macOS 및 Windows용 UI 툴킷
• chrome-tabs - Chrome 스타일 탭
• Xel - 네이티브처럼 보이는 앱 제작을 위한 위젯 툴킷

문서

• Quick Start
• Official docs
• Essential Electron - 간결한 개요

글

• Electron Fundamentals
• Building a desktop application with Electron
• Codesigning your app for macOS
• Auto-updating apps for macOS and Windows: The complete guide
• Building a desktop app with Electron, React, and Redux
• Introducing BrowserView for Electron - 버그를 줄이고 성능을 개선해 웹 앱을 포함하는 새로운 Electron API
• Migrating Slack’s Desktop App to BrowserView - 성능 문제를 해결하기 위해 Slack은 BrowserView, Redux, Rx, TypeScript로 Electron 앱을 다시 작성했습니다.
• Electron on the App Store - Electron 앱을 제작해 Mac App Store에 출시하는 과정을 다룬 5부작 시리즈
• Building a file explorer with Electron, Quasar, and Vue - 디자인 및 코드 결정과 Electron 보안에 중점
• Using Google Analytics to gather usage statistics in Electron - 익명 사용자 통계를 수집하는 방법
• Notarizing your Electron app - Apple 공증을 위한 앱 패키징 구성 방법
• Making Electron apps feel native on Mac

도서

• Developing an Electron Edge - Preview 💲
• Electron in Action 💲
• Cross-Platform Desktop Applications 💲

동영상

• Getting Started with Electron 1.x
• Packaging and Distributing Electron Desktop Apps
• Multi Window Electron Desktop Apps
• The State of Electron
• Cross-Platform Desktop Apps with Electron
• Building Native Desktop apps using Electron
• The New Desktop: Electron, React, & Pixel-Perfect Native-Feeling Experiences
• Building Desktop Apps with Node.js and Electron
• Electron Fundamentals course - Pluralsight 💲
• Electron: Building Cross Platform Desktop Apps - Lynda 💲
• Build a desktop application with Electron - Egghead 💲
• Build Cross-Platform Desktop Apps with Electron - Frontend Masters 💲
• Electron Meetup SF, November 2017 - 앱 시작 시간 개선, 충돌 디버깅 등에 관한 유익한 발표 포함
• Make Your Electron App Feel at Home Everywhere - 고유한 스타일을 유지하면서 macOS, Windows, Linux에서 앱을 더 네이티브처럼 만드는 팁

팟캐스트

• Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
• The Changelog #216: GitHub’s Electron with Zeke Sikelianos
• Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron

커뮤니티

• Reddit
• Stack Overflow
• @electronjs on Twitter
• electron-br (Brazilian Portuguese)
• electron-pl (Polish)
• @electron_ru on Telegram (Russian)
• electronjs on Facebook
• Product Hunt

기여하기

기여를 환영합니다! 먼저 기여 지침을 읽어 주세요.

관련

• awesome-nodejs
• awesome-electronjs-hacking