Thumbnail
개발 · 프로그래밍 웹 개발

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

(5)
2개의 수강평 ∙  136명의 수강생

33,000원

지식공유자: 이웅재
총 24개 수업 (4시간 56분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발] 강의입니다.

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

1. 강좌 소개

타입스크립트는 MS 가 만든 오픈소스 프로젝트로, 많은 자바스크립트 개발자들에게 사랑을 받고 있습니다. Angular 의 기본 언어로 사용되고 있으며, 구글에서도 공식 개발 언어로 지정한 타입스크립트는 쉽게 배울 수 있고, 사용이 어렵지 않으면서, 강력한 타입 체크 기능을 제공합니다. 많은 자바스크립트 프로젝트가 타입스크립트로 옮겨지고 있습니다. 본 강좌는 2017년 9월에 진행된 타입스크립트 코리아 유저그룹 ‘ Electron with TypeScript Hands-On Labs’ 세미나로 타입스크립트로 일렉트론을 사용하는 법에 대해 배울 수 있습니다.

2. 학습 목표

“텍스트 기반 온라인 메세지 앱 만들기” (like Slack) 슬랙과 같은 수준을 그 시간안에 만들기는 어렵습니다. 파이어베이스를 이용해서 텍스트 메세지를 주고 받을 수 있는 간단한 형태를 만들 예정입니다. 타입스크립트를 활용해 만들면서 실제 작업에 대해 좀더 가깝게 느낄수 있습니다.

3. 도움이 되는 분들

  • 타입스크립트와 일렉트론을 이용하여 간단한 앱을 따라 만들어 보고 싶으신 분들
  • ‘타입스크립트 코리아 – 기초 세미나’ 를 듣고 수강하시길 권장 드립니다.

4. 강사 소개

이웅재

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

안녕하세요
이웅재 입니다.
이웅재의 썸네일

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 개 ˙ 4시간 56분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 1주차
1. Hands-On Labs 오리엔테이션 08:00
2. 일렉트론 개요 09:00
3. 일렉트론 프레임워크의 이해 20:00
4. 데스크탑 어플리케이션 개발 과정 06:00
5. 일렉트론을 사용한 앱의 실행 과정 08:00
6. 일렉트론 앱 띄우기 초간단 실습 19:00
7. 일렉트론 개발 환경과 프로젝트 셋팅 21:00
8. 파이어베이스 콘솔에서 프로젝트 설정하기 08:00
9. 일렉트론 앱에서 파이어베이스 설정하기 08:00
섹션 1. 2주차
10. 파이어베이스 세부 설정 09:00
11. 랜더러 프로세스 띄우기 11:00
12. CSS 프레임워크 처리 04:00
13. 레이아웃 구성 22:00
14. 로그인, 로그아웃 처리 33:00
15. 데이터베이스 이벤트 연결 08:00
16. 데이터베이스 데이터를 랜더러로 보내기 06:00
섹션 2. 3주차
17. 일렉트론에서 무작정 데이터 보내기 12:00
18. 랜더러에서 데이터 뿌리기 12:00
19. 메세지 제대로 작성하기 06:00
20. 서브 메뉴 열기 12:00
21. 로그인 실패 처리 22:00
22. Shift + Enter 키로 작성하기 08:00
23. 다른 유저들과 대화하기 04:00
24. 리팩토링 (1) 20:00
강의 게시일 : 2015년 09월 06일 (마지막 업데이트일 : 2018년 01월 08일)
수강평 총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
JAKK3 Shin thumbnail
5
내용 이해하기 쉽게 잘 설명해줍니다. 다만 일렉트론 자체가 버전업이 되면서 depricated 된 내용이 다소 있어 강의에 제공된 코드를 그대로 쓰기보단, 최신 공식문서를 찾아보면서 직접 짜면서 따라할 필요가 있습니다. 강의의 문제는 아니고, 강의가 나온지 시간이 좀 지났다보니 생기는 문제인 것 같습니다.
2023-11-05
신도희 thumbnail
5
강의 재미있게 해주시는데 아쉽게 그간 많은 버전업으로 인해 차이가 있긴합니다 ㅠㅠ
2023-11-02
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!