로그인

강의의 내용을 바탕으로 기본적인 채팅어플리케이션 작성과
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) 개발을 맡았었고 지금은 개인 개발자로 개인프로젝트(지도공유 서비스, 채팅어플리케이션) 그리고 사이드잡을 하며 개발활동을 이어가고 있는 김지운 입니다.

강좌 평가

...

개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0

아직 수강평이 없네요

강좌 교육과정

소개
intro1 강사 소개 및 Electron에 대해서학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:07:00
intro2 NodeJS와 Socket.io에 대해서학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:09:00
로그인
IDE&Babel세팅학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:16:00
express Backend학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:41:00
Socket.io HandShake middleware&로그인UI학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 01:16:00
회원가입 UI&소켓연결대기화면&MongoDB연동학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:41:00
User Schema 정의학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
로그인 & 회원가입 API에 UserSchema적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
Build(Mac 기준)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
메인화면 만들기
eventHandler 등록코드 정리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Token리프레시 관련 핸들러 수정 및 작성학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:29:00
화면작성(HTML & CSS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:43:00
방초대&나가기 다이얼로그 작성(HTML & CSS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
방생성&친구메뉴 다이얼로그 작성(HTML & CSS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
친구 추가& 리스트 & 요청 리스트 다이얼로그 & 토큰리프레시 다이얼로그(HTML & CSS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
다이얼로그 래핑 및 다이얼로그 팩토리작성(JS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:46:00
룸영역&룸메뉴영역 작성(JS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:38:00
채팅영역 작성(JS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:27:00
메시지아이템팩토리 작성(JS)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
메시지,친구,방 기능 구현
Room Schema 정의 및 Message Schema정의학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
token리프레시 API 작성 및 기존 API 미들웨어 형태로 수정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
Backend 소켓이벤트 핸들러 작성 및 수정 (1/4)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:38:00
Backend 소켓이벤트 핸들러 작성 및 수정 (2/4)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
Backend 소켓이벤트 핸들러 작성 및 수정 (3/4)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
Backend 소켓이벤트 핸들러 작성 및 수정 (4/4)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:20:00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (1/3)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:48:00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (2/3)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:54:00
Main Window & MainProcess 소켓이벤트 핸들러 작성 (3/3)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:48:00
이후에 공부할 것
클라우드서버배포학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:23:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 29개 강의, 총 13 시간 59 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED