기업 교육

평생교육이용권

AI 교육 90% 환급

inflearn logo

강의

챌린지

컨설팅

로드맵

커뮤니티

지식공유
채널톡 아이콘
개발 · 프로그래밍

/

데스크톱 앱 개발

Javascript 로 데스크탑 앱을 - 일렉트론 기초 강좌

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

(4.2) 수강평 13개

수강생 219명

난이도 초급

수강기한 무제한

JavaScript
JavaScript
Electron
Electron
JavaScript
JavaScript
Electron
Electron
카카오스타일
LG AI리서치
한화시스템/ICT
엔씨소프트
토스뱅크

토스뱅크

임직원들도 이 강의를 듣고 있어요!

카카오스타일
LG AI리서치
한화시스템/ICT
엔씨소프트
토스뱅크

토스뱅크

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.2

5.0

김용현

100% 수강 후 작성

electron의 전반적인 기능을 간단히 엿볼 수 있어서 좋았습니다.

5.0

양기훈

100% 수강 후 작성

좋은 강의 감사합니다.

5.0

반민족적인빵

100% 수강 후 작성

핵심을 잘 전달해주는 강의입니다. 따라하다보면 자연스럽게 익혀지네요. 환경 세팅부터 북마크 앱까지 모두 유익합니다~!!

📣 강의 질문/답변 안내
• 해당 강의는 지식공유자의 사정으로 [질문/답변] 을 제공하지 않습니다. 수강 및 학습에 참고해주시기 바랍니다.

1. 일렉트론 강좌 소개

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

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

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

2. 만들어볼 예제

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

3. 도움되는 분들

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

4. 강사 소개

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

5. 연관된 강좌

안녕하세요
이웅재입니다.

12,399

명

수강생

139

개

수강평

4.7

점

강의 평점

5

개

강의

14년차 소프트웨어 엔지니어 입니다.

 

2021년 부터는 NHN Dooray 에서 프론트엔드개발팀을 리드하며, 서비스 전체의 UI 에 대한 책임을 맡았습니다. 팀을 맡아 기존에 운영하고 있던 레거시 시스템(AngularJS, Vue)을 React, TypeScript 로 리뉴얼 하였습니다. 10인 이상의 다수 프론트엔드 엔지니어들이 하나의 프러덕트를 함께 개발할 수 있도록 아키텍처를 설계하고 관리하는 업무를 하고 있습니다. 전체 서비스 규모가 크고 복잡도가 높아 Monorepo 로 개발 및 운영하고, Micro Frontend 를 도입하여 배포 주기 단축에 대해 노력해왔습니다. Storybook 을 통해 컴포넌트를 적극적으로 관리하며, Design System 을 구축하고 활용이 될 수 있도록 프로세스를 다듬는 역할을 했습니다.

 

이전에는 Studio XID 에서 TypeScript 와 Electron 을 이용하여, 디자이너를 위한 인터렉션 프로토타이핑 툴인 ProtoPie 를 만들었습니다. 한가지 제품을 약 4년동안 만들면서 좋은 코드, 품질이 좋은 코드를 작성하기 위해 노력해왔습니다.

 

대규모 자바스크립트 어플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다.
Microsoft MVP (TypeScript) 로 활동해 왔으며, 최신 웹기술에 대해 사람들과 이야기 하는 것을 즐깁니다.

 

여러 곳에서 프론트엔드 팀을 이끌며, 주로 함수형 언어(클로저)나 Node.js 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

더보기

커리큘럼

전체

24개 ∙ (3시간 18분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

13개

4.2

13개의 수강평

  • 김용현님의 프로필 이미지
    김용현

    수강평 13

    ∙

    평균 평점 4.9

    5

    100% 수강 후 작성

    electron의 전반적인 기능을 간단히 엿볼 수 있어서 좋았습니다.

    • 김진수님의 프로필 이미지
      김진수

      수강평 3

      ∙

      평균 평점 4.0

      5

      100% 수강 후 작성

      잘 들었습니다 꼼꼼하고 차분하게 잘 가르치시네요.

      • 양기훈님의 프로필 이미지
        양기훈

        수강평 1

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        좋은 강의 감사합니다.

        • 반민족적인빵님의 프로필 이미지
          반민족적인빵

          수강평 11

          ∙

          평균 평점 5.0

          5

          100% 수강 후 작성

          핵심을 잘 전달해주는 강의입니다. 따라하다보면 자연스럽게 익혀지네요. 환경 세팅부터 북마크 앱까지 모두 유익합니다~!!

          • 서지석님의 프로필 이미지
            서지석

            수강평 6

            ∙

            평균 평점 3.5

            1

            46% 수강 후 작성

            안되는게 너무 많습니다...

            이웅재님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            타입스크립트 코리아 : React with TypeScript 세미나강의 썸네일

            타입스크립트 코리아 : React with TypeScript 세미나

            이웅재

            무료

            중급이상 / React, TypeScript

            4.8

            (48)

            6,300+

            타입스크립트와 리액트 관련 강좌입니다.

            중급이상

            중급이상

            React, TypeScript

            타입스크립트 코리아 : React with TypeScript 세미나강의 썸네일

            타입스크립트 코리아 : React with TypeScript 세미나

            이웅재

            무료

            중급이상 / React, TypeScript

            4.8

            (48)

            6,300+
            타입스크립트 코리아 : 기초 세미나강의 썸네일

            타입스크립트 코리아 : 기초 세미나

            이웅재

            무료

            초급 / TypeScript

            4.6

            (68)

            5,500+

            타입스크립트 관련 강좌입니다.

            초급

            초급

            TypeScript

            타입스크립트 코리아 : 기초 세미나강의 썸네일

            타입스크립트 코리아 : 기초 세미나

            이웅재

            무료

            초급 / TypeScript

            4.6

            (68)

            5,500+
            React Router 완전 정복강의 썸네일

            React Router 완전 정복

            이웅재

            ₩55,000

            초급 / react-router-dom, react-router, React, SPA

            4.7

            (3)

            React 로 SPA를 만드는 모든 사람들에게 필수인 React Router를 함께 정복해보아요 💪

            초급

            초급

            react-router-dom, react-router, React

            React Router 완전 정복강의 썸네일

            React Router 완전 정복

            이웅재

            ₩55,000

            초급 / react-router-dom, react-router, React, SPA

            4.7

            (3)

            앵귤러 기초 세미나강의 썸네일

            앵귤러 기초 세미나

            이웅재

            ₩55,000

            중급이상 / Angular

            4.7

            (16)

            200+

            웹 프론트엔드 프레임워크의 큰 축인 앵귤러가 5 버전이 출시 되었습니다. 5.0 출시와 함께 타입스크립트 유저 그룹을 중심으로 앵귤러 5 를 빠르게 배워보는 워크샵을 진행하였습니다. 큰 그림을 빠르게 이해할 수 있으며, 디테일한 추가 강의가 이어질 예정입니다.

            중급이상

            중급이상

            Angular

            앵귤러 기초 세미나강의 썸네일

            앵귤러 기초 세미나

            이웅재

            ₩55,000

            중급이상 / Angular

            4.7

            (16)

            200+
            타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나강의 썸네일

            타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

            이웅재

            ₩33,000

            초급 / TypeScript, Electron

            4.0

            (4)

            100+

            타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.

            초급

            초급

            TypeScript, Electron

            타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나강의 썸네일

            타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

            이웅재

            ₩33,000

            초급 / TypeScript, Electron

            4.0

            (4)

            100+

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            [Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)강의 썸네일

            [Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

            닭강정

            ₩33,000

            초급 / React, Electron, GUI, cross-platform, zustand

            4.4

            (8)

            100+
            미션
            미션

            React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

            초급

            초급

            React, Electron, GUI

            [Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)강의 썸네일

            [Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

            닭강정

            ₩33,000

            초급 / React, Electron, GUI, cross-platform, zustand

            4.4

            (8)

            100+
            미션
            미션
            누구보다 빠르게 해보는 Electron Todo List With TypeScript강의 썸네일

            누구보다 빠르게 해보는 Electron Todo List With TypeScript

            Neo

            ₩8,800

            입문 / React, TypeScript, Electron, 포트폴리오

            4.9

            (7)

            누구보다 빠르게 해보는 Electron Todo List With TypeScript 리액트 기반의 데스크탑 동작 서비스를 만들 수 있는 Electron을 타입스크립트로 개발해보세요!

            입문

            입문

            React, TypeScript, Electron

            누구보다 빠르게 해보는 Electron Todo List With TypeScript강의 썸네일

            누구보다 빠르게 해보는 Electron Todo List With TypeScript

            Neo

            ₩8,800

            입문 / React, TypeScript, Electron, 포트폴리오

            4.9

            (7)

            비공개 강의로
            수강이 제한됩니다.