타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.
이런 걸
배워요!
Electron 프레임워크의 기본 개념
타입스크립트를 사용한 데스크탑 애플리케이션 개발
Firebase 설정 및 사용자 인증
실시간 데이터베이스 연결
CSS 프레임워크를 활용한 뷰 생성
로그인/로그아웃 처리
데이터 전송 및 처리
코드 리팩토링 기법
타입스크립트는 MS 가 만든 오픈소스 프로젝트로, 많은 자바스크립트 개발자들에게 사랑을 받고 있습니다. Angular 의 기본 언어로 사용되고 있으며, 구글에서도 공식 개발 언어로 지정한 타입스크립트는 쉽게 배울 수 있고, 사용이 어렵지 않으면서, 강력한 타입 체크 기능을 제공합니다. 많은 자바스크립트 프로젝트가 타입스크립트로 옮겨지고 있습니다. 본 강좌는 2017년 9월에 진행된 타입스크립트 코리아 유저그룹 ‘ Electron with TypeScript Hands-On Labs’ 세미나로 타입스크립트로 일렉트론을 사용하는 법에 대해 배울 수 있습니다.
“텍스트 기반 온라인 메세지 앱 만들기” (like Slack) 슬랙과 같은 수준을 그 시간안에 만들기는 어렵습니다. 파이어베이스를 이용해서 텍스트 메세지를 주고 받을 수 있는 간단한 형태를 만들 예정입니다. 타입스크립트를 활용해 만들면서 실제 작업에 대해 좀더 가깝게 느낄수 있습니다.
이웅재
현 스튜디오씨드코리아 소프트웨어 엔지니어 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분)
2. 일렉트론 개요
09:00
3. 일렉트론 프레임워크의 이해
20:00
4. 데스크탑 어플리케이션 개발 과정
06:00
6. 일렉트론 앱 띄우기 초간단 실습
19:00
10. 파이어베이스 세부 설정
09:00
11. 랜더러 프로세스 띄우기
11:00
12. CSS 프레임워크 처리
04:00
13. 레이아웃 구성
22:00
14. 로그인, 로그아웃 처리
33:00
15. 데이터베이스 이벤트 연결
08:00
18. 랜더러에서 데이터 뿌리기
12:00
19. 메세지 제대로 작성하기
06:00
20. 서브 메뉴 열기
12:00
21. 로그인 실패 처리
22:00
23. 다른 유저들과 대화하기
04:00
24. 리팩토링 (1)
20:00