Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

TypeScript Korea: Electron with TypeScript Hands-On Labs Seminar

This tutorial will teach you how to create a simple chat app using TypeScript and Electron.

(4.0) 4 reviews

156 learners

  • woongjae
TypeScript
Electron

What you will learn!

  • Basic concepts of the Electron framework

  • Developing Desktop Applications Using TypeScript

  • Firebase setup and user authentication

  • Real-time database connection

  • Creating views using CSS frameworks

  • Login/Logout Processing

  • Data transfer and processing

  • Code refactoring techniques

1. Course Introduction

TypeScript, an open-source project created by Microsoft, is beloved by many JavaScript developers. Used as the base language for Angular and designated as an official development language by Google, TypeScript is easy to learn, easy to use, and offers powerful type-checking capabilities. Many JavaScript projects are migrating to TypeScript. This course, based on the "Electron with TypeScript Hands-On Labs" seminar by the TypeScript Korea User Group held in September 2017, will teach you how to use Electron with TypeScript.

2. Learning Objectives

"Building a text-based online messaging app (like Slack)." It's difficult to build something on the same level as Slack in that amount of time. We'll use Firebase to create a simple form for exchanging text messages. Building this using TypeScript will give us a closer feel for the actual task.

3. People who can help

  • For those who want to create a simple app using TypeScript and Electron
  • I recommend that you attend and take the 'TypeScript Korea - Basic Seminar'.

4. Instructor Introduction

Lee Woong-jae

Currently a software engineer at Studio Seed Korea, organizer of Seoul.js.org, current operator of TypeScript Korea User Group, operator of Electron Korea User Group, former head of Vtouch Software Engineering Lab, and former CTO of Triplebay

Recommended for
these people

Who is this course right for?

  • People interested in web technologies

  • Anyone who wants to learn desktop application development

  • Developers who want to use TypeScript and Electron

  • Anyone who wants to learn real-time database connection using Firebase

  • People who want to improve their skills through programming practice

Hello
This is

12,007

Learners

130

Reviews

4.6

Rating

5

Courses

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 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

Curriculum

All

24 lectures ∙ (4hr 56min)

Published: 
Last updated: 

Reviews

All

4 reviews

4.0

4 reviews

  • 신도희님의 프로필 이미지
    신도희

    Reviews 1

    Average Rating 5.0

    5

    46% enrolled

    강의 재미있게 해주시는데 아쉽게 그간 많은 버전업으로 인해 차이가 있긴합니다 ㅠㅠ

    • akor1님의 프로필 이미지
      akor1

      Reviews 26

      Average Rating 5.0

      4

      67% enrolled

      큰 틀을 이해할 수 있었습니다. 버전이 안맞는게 아쉽네요

      • JAKK3 Shin님의 프로필 이미지
        JAKK3 Shin

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        내용 이해하기 쉽게 잘 설명해줍니다. 다만 일렉트론 자체가 버전업이 되면서 depricated 된 내용이 다소 있어 강의에 제공된 코드를 그대로 쓰기보단, 최신 공식문서를 찾아보면서 직접 짜면서 따라할 필요가 있습니다. 강의의 문제는 아니고, 강의가 나온지 시간이 좀 지났다보니 생기는 문제인 것 같습니다.

        • 범띵떵님의 프로필 이미지
          범띵떵

          Reviews 1

          Average Rating 2.0

          2

          67% enrolled

          솔직히 아쉬운 부분이 많습니다. 마지막 강의 업데이트가 2018년일 뿐더러 강의가 온라인강의를 위해 따로 촬영한것이 아닌 어디선가 수업한 내용의 녹화본을 가지고 그대로 올린게 느껴져 강의 외적인 내용도 나오고합니다. (이러한 부분이라도 편집해서 올리셨으면 어떠했을지) 타 강의에 비해 짧은 시간에 금액도 비싼감이 있기도하며, 오래된 내용이라 다른분의 댓글처럼 공식문서를 보고 개발을 따로 진행해야하는 부분이 있습니다.

          $26.40

          woongjae's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!