로드맵 썸네일

Javascript로 데스크탑 앱을 만들자 - Electron 채팅 앱 개발

작성자 프로필 이미지

인프런

TypeScript
Electron
Node.js

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

111명 참여중

15% 할인

5개 남음전체 구매 적용
쿠폰 받기

로드맵 코스

자바스크립트로 만드는
나의 데스크탑 앱!

지난 몇 년 사이 자바스크립트(JavaScript)는 가장 많이 쓰이는 개발언어 중 하나로 자리잡았습니다. 보고에 따르면 2018년 10월부터 2019년 9월까지 깃허브(github)에서 개발자들이 가장 많이 사용했던 프로그래밍 언어가 자바스크립트라고 해요. (링크) 자바스크립트의 영역이 그만큼 넓고, 또 점점 확대되고 있다는 얘기죠.

그런데, 자바스크립트로 데스크탑 애플리케이션을 만들 수 있는 거 아셨나요? 자바스크립트의 대안 언어인 타입스크립트를 익히고 데스크탑 애플리케이션 개발 라이브러리인 Electron과 이를 동작하게 하는 Node.js, 그리고 실시간 메시지 앱 개발에 많이 사용되는 Socket.io 라이브러리를 이용해 채팅 애플리케이션을 개발하는 과정을 알아보는 로드맵을 준비했습니다.

그 전에, JavaScript 및 NodeJS 에 대한 기본 지식을 좀 더 준비하고 싶다면?
Javascript 풀스택 로드맵 + 트위터 클론앱 만들기 🐦 (링크)

이런 걸 배울 수 있어요

# JS의 수퍼셋, 타입스크립트
타입스크립트(TypeScript)는 자바스크립트로는 감당하기 어려운 거대 애플리케이션 개발을 안정적으로 보완해 주는 상위확장 언어예요. 구글에서 공식 개발 언어로 지정할 만큼, 많은 자바스크립트 프로젝트가 타입스크립트로 옮겨가고 있어요. 물론 노드에서도 사용할 수 있구요!
# 일렉트론으로 만들어봐요
일렉트론(Electron)은 웹 개발에 주로 쓰였던 요소를 통해 데스크톱 애플리케이션을 만들 수 있게 해주는 자바스크립트 프레임워크입니다. Skype, Slack, Atom 등 많은 데스크톱 앱이 일렉트론으로 만들어졌어요. 업데이트가 빠르게 이루어지고 만든 앱을 상용화하기도 편리하며, 맥, 윈도, 리눅스 등 다양한 OS에서 사용할 수 있답니다.

이대로 진행합니다!

  1. 클라이언트에서 로그인(성공시 웹소켓 연결) 
  2. 클라이언트에서 emit으로 메시지 전송 
  3. 서버에서 on으로 메시지를 받아 다른 클라이언트들에게 broadcast 
  4. 간단한 로그인 화면(Electron&HTML&CSS&JS)과 로그인 기능(NodeJS&Socket.IO)을 구현

이런 분들 추천드려요!

 

몰라요

Electron, Node.js 지식이 없는 분들

데스크탑 앱?

데스크탑 앱 만들고픈 웹 개발자

업그레이드

타입스크립트 써보고픈 JS 경험자

열린 가능성

자바스크립트로 다양하게 구현하고픈 분

로드맵 상세보기

3개 코스

로드맵에 포함된 강의 썸네일
자바스크립트 개발자들이 애용하며, 구글에서 공식 개발 언어로 지정하기도 한 타입스크립트의 기초 문법에 대해 배워봅니다.

무료

15% 할인

5개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 3