🚨 서비스 장애 발생 🙇🏻‍♀️ 🙇🏻

2020년 8월 5일 18시11분 부터 약 25분간 장애가 발생했습니다.
불편드려 죄송합니다. (자세히 보기)

Electron과 NodeJS 그리고 Socket.io를 이용한 채팅 어플리케이션 개발
Electron과 NodeJS 그리고 Socket.io를 이용한 채팅 어플리케이션 개발
수강정보
(3개의 수강평)
84명의 수강생
스킬태그 #Node.js, #Electron, #Socket.io
52,800원
지식공유자 : 김지운
29회 수업 · 총 13시간 59분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

강의의 내용을 바탕으로 기본적인 채팅어플리케이션 작성과 Electron 과 NodeJS의 기본적인 구조에 대해 알아간다.

Electron과 NodeJS 그리고 Socket.io를 이용한 채팅 어플리케이션 개발

최근 데스크탑 어플리케이션 개발에 활용되는 웹기술 기반 데스크탑 어플리케이션 개발 라이브러리인 Electron 과 이를 동작하게 하는 NodeJS 그리고 실시간 메시지 어플리케이션 개발에 많이 사용되는 Socket.io 라이브러리를 이용하여 채팅어플리케이션을 개발하는 과정에 대해서 이야기합니다.

학습 목표

  • 강의의 내용을 바탕으로 기본적인 채팅어플리케이션 작성과 Electron 과 NodeJS의 기본적인 구조에 대해 알아간다.

 Electron

  • Node JS 런타임에서 동작하는 Javascript 프레임워크로 일반적으로 데스크탑에서 사용하는 OS(Linux, OSX, Window)에서 Javascript, HTML, CSS 등의 웹기술을 이용하여 동작하는 어플리케이션을 만들도록 도와주는 라이브러리입니다.

 

 배우는 것

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

 도움이 되는 분들

  • Electron과 NodeJS에 대한 지식이 없으신 분들. 데스크탑 어플리케이션을 만들고 싶은데 웹기술에 기반을둔 개발자들. NodeJS에 대해서 관심이 있으신 입문자, 개발자분들

참고 사항

지식공유자 소개

김지운
안녕하세요 위치기반 모바일 어플리케이션 개발 스타트업 THATZIT 에서 Backend(NodeJS), Ios(Swift), Android(Java) 개발을 맡았었고 지금은 개인 개발자로 개인프로젝트(지도공유 서비스, 채팅어플리케이션) 그리고 사이드잡을 하며 개발활동을 이어가고 있는 김지운 입니다.

교육과정

모두 펼치기 29 강의 13시간 59분
섹션 1. 로그인
7 강의 217 : 00
IDE&Babel세팅
16 : 00
express Backend
41 : 00
Socket.io HandShake middleware&로그인UI
76 : 00
회원가입 UI&소켓연결대기화면&MongoDB연동
41 : 00
User Schema 정의
07 : 00
로그인 & 회원가입 API에 UserSchema적용
22 : 00
Build(Mac 기준)
14 : 00
섹션 2. 메인화면 만들기
10 강의 287 : 00
eventHandler 등록코드 정리
09 : 00
Token리프레시 관련 핸들러 수정 및 작성
29 : 00
화면작성(HTML & CSS)
43 : 00
방초대&나가기 다이얼로그 작성(HTML & CSS)
15 : 00
방생성&친구메뉴 다이얼로그 작성(HTML & CSS)
11 : 00
친구 추가& 리스트 & 요청 리스트 다이얼로그 & 토큰리프레시 다이얼로그(HTML & CSS)
32 : 00
다이얼로그 래핑 및 다이얼로그 팩토리작성(JS)
46 : 00
룸영역&룸메뉴영역 작성(JS)
38 : 00
채팅영역 작성(JS)
27 : 00
메시지아이템팩토리 작성(JS)
37 : 00
섹션 3. 메시지,친구,방 기능 구현
9 강의 296 : 00
Room Schema 정의 및 Message Schema정의
04 : 00
token리프레시 API 작성 및 기존 API 미들웨어 형태로 수정
22 : 00
Backend 소켓이벤트 핸들러 작성 및 수정 (1/4)
38 : 00
Backend 소켓이벤트 핸들러 작성 및 수정 (2/4)
32 : 00
Backend 소켓이벤트 핸들러 작성 및 수정 (3/4)
30 : 00
Backend 소켓이벤트 핸들러 작성 및 수정 (4/4)
20 : 00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (1/3)
48 : 00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (2/3)
54 : 00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (3/3)
48 : 00
섹션 4. 이후에 공부할 것
1 강의 23 : 00
클라우드서버배포
23 : 00

공개 일자

2018년 10월 4일 (마지막 업데이트 일자 : 2019년 2월 14일)

수강 후기

3.3
3개의 수강평
default_profile.png
윤순기 5달 전
많은 도움 되었어요.
default_profile.png
pjk280230@gmail.com 6달 전
좋은 강의 였습니다
default_profile.png
brianjune 2달 전
nodejs에 대한 얕은 기본기가 있는 상황에서 데스크탑 앱을 만들기 위해 강의를 수강했고, 상당히 아쉬운 강의라는 생각이 듭니다. 강사분께서 일단 진도를 빼는 데 급급하셔서, 강의의 95% 이상은 본인이 작성하는 소스코드를 그저 읽는 것으로 이루어집니다. 즉 코드 한줄한줄에 대한 설명이 거의 전무합니다. 물론 강사님을 따라 코드를 따라 치는게 흐름을 익히는 데 도움은 되겠지만, 이게 무슨 뜻인지도 모르고 코드를 따라 치니 수강생 입장에선 막막합니다. 특히 화면 전환 내지는 코드 재사용시 복사&붙여넣기가 눈 깜짝할 새 이루어져서 강의를 자주 멈추거나 돌려봐야 했고, 1배속으로 강의를 수강하는 데에도 어려움이 컸습니다. 거기에 잡음이나 기침, 한숨소리 등이 잦아서 듣는 동안 집중력이 유지되지 않는 문제 또한 있었습니다. 이 강의를 수강하고 싶다면 적어도 html&css&javascript&nodejs+express&socketio&electron 모두에 대한 기본기가 있는 상황에서 '빠르게 실전형으로 무언가를 만들고 싶을때' 수강하는 것을 권합니다.
김지운

김지운 1달 전
다음에 강의를 제작할 때는 좀 더 말씀하신 부분들을 개선하도록 하겠습니다. 감사합니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스