Skip to main content

Electron Simple Samples

· 3 min read
zeke
zeke

최근 GitHub 본사에서 여성 코딩 학교인 Hackbright Academy의 멤버들을 대상으로 Electron 해커톤을 개최했다. 참가자들이 프로젝트를 빠르게 시작할 수 있도록, GitHub의 Kevin Sawicki가 몇 가지 예제 Electron 애플리케이션을 만들었다.

Electron 개발이 처음이거나 아직 시도해보지 않았다면, 이 예제 애플리케이션들이 좋은 시작점이 될 것이다. 이 예제들은 작고 읽기 쉬우며, 코드에 상세한 주석이 달려 있어 각 부분이 어떻게 동작하는지 쉽게 이해할 수 있다.

시작하려면 먼저 이 저장소를 클론한다:

git clone https://github.com/electron/simple-samples

아래 앱 중 하나를 실행하려면 해당 앱의 디렉터리로 이동한 후, 의존성을 설치하고 시작한다:

cd activity-monitor
npm install
npm start

활동 모니터​

CPU의 시스템, 사용자, 유휴 시간을 도넛 차트로 보여준다.

스크린샷

해시​

입력된 텍스트의 해시 값을 다양한 알고리즘으로 계산해 보여준다.

스크린샷

미러​

컴퓨터 카메라의 영상을 거울처럼 확대된 크기로 보여준다. CSS 애니메이션을 활용한 무지개 필터 효과를 선택적으로 추가할 수 있다.

가격 정보​

Yahoo Finance API를 활용해 현재 유가, 금, 은의 시세를 보여준다.

스크린샷

URL​

커맨드라인에서 전달된 URL을 윈도우에 로드한다.

추가 리소스​

이 앱들이 여러분이 Electron을 시작하는 데 도움이 되길 바란다. 더 많은 정보를 얻을 수 있는 몇 가지 추가 리소스를 소개한다: