자바스크립트로 데스크톱 앱을 만드는 방법 중 가장 인기있는 방법인 일렉트론을 익힐 수 있습니다.
슬랙, VSCODE 와 같은 알려진 프로그램들이 일렉트론으로 만들어졌습니다.
이번 일렉트론 기초 강좌를 통해서 데스크탑 앱을 만드는 기초적인 사용방법을 익히고,
간단한 앱을 만들어 볼수 있습니다.

1. 일렉트론 강좌 소개

자바스크립트의 영역은 점점 확대되어 이제는 데스크톱 어플리케이션을 자바스크립트로 만들수 있습니다.
자바스크립트로 데스크톱 앱을 만드는 방법 중 가장 인기있는 방법인 일렉트론을 익힐 수 있습니다.
슬랙, VSCODE 와 같은 알려진 프로그램들이 일렉트론으로 만들어졌습니다.
이번 일렉트론 기초 강좌를 통해서 데스크탑 앱을 만드는 기초적인 사용방법을 익히고,
간단한 앱을 만들어 볼수 있습니다.

소스는 과정별로 Github 저장소에서 제공됩니다.

배우는 것들
일렉트론 기술 개요
개발환경 구축
Quick Start 를 통해 빠르게 실행해보기
main / renderer 프로세스 이해하기
일렉트론 앱의 실행 및 배포 개념
일렉트론 모듈 이해하기
메인 프로세스 필수 모듈 익히기
랜더러 프로세스 필수 모듈 익히기
양쪽에서 사용가능한 필수 모듈 익히기
실전 앱 만들기 – 북마크 앱

2. 만들어볼 예제

일렉트론 기본을 익힌 후, 작업표시줄에서 언제나 사용가능한 북마크 앱을 만들어 봅니다.

3. 도움되는 분들

자바스크립트로 데스크탑 앱을 만들고 싶으신 분들
자바스크립트를 사용해 본 경험이 있는 분들에게 추천 드립니다.

4. 강사 소개

이웅재
현 스튜디오씨드코리아 소프트웨어 엔지니어
현 일렉트론 코리아 유저그룹 운영자, 타입스크립트 코리아 유저그룹 운영자
전 브이터치 소프트웨어 엔지니어링 랩 랩장
전 트리플베이 CTO

5. 연관된 강좌

강좌 평가

5

4 개의 수강평
  • 5 점4
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. Dong Myung의 프로필 사진

    첫 일렉트론을 즐겁게 배울 수 있었습니다 :)

    5

    감사합니다 😀

  2. 방소현의 프로필 사진

    재미있었어요.

    5

    데스크톱앱이라는 개념을 잘 몰랐었지만 배워보고 싶은 마음으로 강의수강했어요.
    재미있었고 항상 사용하던 부분들을 내가 만들수 있다는것에 신나더라구요. js를 잘 다루지 못하는 저라 조금 빠른 면이 있긴했지만 질문하면서 잘 따라갈 수 있었어요.
    직장도 집도 분당이라 판교에서도 세미나나 강좌가 많이 개설됐으면 좋겠다는 바램이었는데 좋은 기회였어요 감사합니다.

  3. Herbert의 프로필 사진

    흥미롭고 재밌었습니다

    5

    자바스크립트와 node.js를 시작한지 2달 좀 안된 초보여서 다소 강의 진행이 빠르게 느껴지기는 했으나
    주말 이틀 동안 흥미진진하고 Electron에 대한 가능성을 많이 알 수 있게 해준 유익한 강의였습니다.
    이틀 동안 무엇을 만들어야 하는 건지 목표를 확실히 알려주셔서 더 좋았습니다.

  4. Jae Won Seo의 프로필 사진

    저도 올해부터는 데스크탑 애플리케이션 개발자가 되었네요.

    5

    멋진 강좌입니다.
    일렉트론 기술에는 늘 관심을 가지고 있었지만,
    “또 얼마만큼의 디버깅 메세지와 싸워야 할까..” 라는 마음속의 거부감 때문에 접근하기가 쉽지 않았습니다.
    이 강좌를 접하고 또 하나의 허들을 넘었습니다.
    저도 올해부터는 데스크탑 애플리케이션 개발자가 되었네요.

강좌 교육과정

섹션 1. 엘렉트론 소개 및 기초
일렉트론이란? 미리보기 00:05:00
개발환경 준비 미리보기 00:02:00
일렉트론으로 만든 앱의 실행 과정 00:03:00
Electron-Quick-Start 살펴보기 00:03:00
섹션 2. 일렉트론 필수 모듈 알아보기
app 모듈 알아보기 미리보기 00:07:00
Browser Window 모듈 알아보기 (1) 00:05:00
Browser Window 모듈 알아보기 (2) 00:06:00
Browser Window 모듈 알아보기 (3) 00:03:00
Browser Window 모듈 알아보기 (4) 00:05:00
Browser Window 모듈 알아보기 (5) 00:10:00
Browser Window 모듈 알아보기 (6) 00:06:00
Menu 모듈 알아보기 00:06:00
Menu Item 모듈 알아보기 00:08:00
Tray 모듈 알아보기 00:06:00
dialog 모듈 알아보기 00:12:00
ipcMain, ipcRenderer 모듈 알아보기 00:10:00
remote, shell, process 모듈 알아보기 00:08:00
섹션 3. 실전 예제 : 내 컴퓨터에서 사용하는 북마크앱
북마크 앱 따라하기 (1) 미리보기 00:14:00
북마크 앱 따라하기 (2) 00:14:00
북마크 앱 따라하기 (3) 00:20:00
북마크 앱 따라하기 (4) 00:16:00
북마크 앱 따라하기 (5) 00:04:00
북마크 앱 따라하기 (6) 00:17:00
북마크 앱 따라하기 (7) 미리보기 00:08:00

인프런은 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED