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

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

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

33,000원

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

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

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

✍️
이런 걸
배워요!
Electron 프레임워크의 기본 개념
타입스크립트를 사용한 데스크탑 애플리케이션 개발
Firebase 설정 및 사용자 인증
실시간 데이터베이스 연결
CSS 프레임워크를 활용한 뷰 생성
로그인/로그아웃 처리
데이터 전송 및 처리
코드 리팩토링 기법

1. 강좌 소개

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

2. 학습 목표

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

3. 도움이 되는 분들

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

4. 강사 소개

이웅재

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

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
웹 기술에 관심 있는 사람
데스크탑 애플리케이션 개발을 배우고 싶은 사람
타입스크립트와 Electron을 활용하고 싶은 개발자
Firebase를 사용한 실시간 데이터베이스 연결을 배우고 싶은 사람
프로그래밍 실습을 통해 실력을 향상시키고 싶은 사람

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

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 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
신도희 thumbnail
5
강의 재미있게 해주시는데 아쉽게 그간 많은 버전업으로 인해 차이가 있긴합니다 ㅠㅠ
2023-11-02
JAKK3 Shin thumbnail
5
내용 이해하기 쉽게 잘 설명해줍니다. 다만 일렉트론 자체가 버전업이 되면서 depricated 된 내용이 다소 있어 강의에 제공된 코드를 그대로 쓰기보단, 최신 공식문서를 찾아보면서 직접 짜면서 따라할 필요가 있습니다. 강의의 문제는 아니고, 강의가 나온지 시간이 좀 지났다보니 생기는 문제인 것 같습니다.
2023-11-05
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!