강의

멘토링

커뮤니티

개발 · 프로그래밍

/

백엔드

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

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

(3.8) 수강평 11개

수강생 213명

  • 김지운

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

  • Electron을 이용한 데스크탑 어플리케이션 개발

  • Node.js와 Socket.io를 활용한 실시간 메시징 어플리케이션 구현

  • Express 미들웨어 함수 구현 및 사용자 인증

  • HTML, CSS, JavaScript를 이용한 UI 컴포넌트 개발

  • IBM Bluemix를 이용한 서버 배포

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

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프로그래밍 초보자

  • 실시간 채팅 어플리케이션 개발에 관심 있는 사람

  • Electron을 이용한 데스크탑 어플리케이션 개발을 배우고 싶은 사람

  • Node.js와 Socket.io를 활용한 실시간 통신에 관심 있는 사람

  • 웹 기술을 활용한 데스크탑 어플리케이션 개발에 관심 있는 사람

안녕하세요
입니다.

213

수강생

11

수강평

5

답변

3.8

강의 평점

1

강의

커리큘럼

전체

29개 ∙ (13시간 59분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

11개

3.8

11개의 수강평

  • yoonsg1165님의 프로필 이미지
    yoonsg1165

    수강평 3

    평균 평점 4.7

    4

    100% 수강 후 작성

    It helped me a lot.

    • panameraturbos님의 프로필 이미지
      panameraturbos

      수강평 5

      평균 평점 5.0

      5

      100% 수강 후 작성

      I was able to check the functional parts by dividing them into each dialogue, and I didn't copy and paste the comments from the person who left the review, but I listened to the class by copying and pasting the relevant parts by referring to the code provided, so it was okay! It was my first time using Electron, and I liked that I could easily create an app by running the client and server together for functions such as creating a room and inviting friends! However, even though I listened to it by referring to the comments, I was surprised when I turned up the volume because the coughing sound was louder than I thought because the voice was small! The keyboard was also good, so the rattling sound was really loud, and in the latter half of the lecture, the sound of the MacBook's fan was louder than I thought. (At first, I thought it was mine..) When implementing the backend socket, the video sound was broken, and there was a part where it sounded like a spaceship warping and a banging sound. I even had a small suspicion that you uploaded it without checking the lecture video.ㅠㅠ And since it was a lecture video, the screen shook a lot every time I typed a key because you used the power mode plugin, and when I pasted a lot of code, it would sometimes go BAM BAM, so I couldn't hide my laughter! (That's what it's for, but it was hard to see in the lecture video!) I had some inconveniences with the video and sound, but the code itself was well written, so after completing it all, I felt relieved and rewarded, thinking, 'Oh, I finished it well!' It was a different experience to take the class! I still want to take the class if there are additional lectures for the current project! Thank you!

      • kishe561204
        지식공유자

        Thank you for listening to the lecture. It was my first time making it, and since the place I filmed was right next to a train track, I tried to avoid train times as much as possible, but it was difficult. I will pay more attention to the keyboard keystroke sounds and other sound-related points you pointed out in the next lecture or video shoot, and I will try to film a better quality video.

    • devthumb님의 프로필 이미지
      devthumb

      수강평 12

      평균 평점 5.0

      5

      100% 수강 후 작성

      It was a good lecture

      • bcu8185님의 프로필 이미지
        bcu8185

        수강평 2

        평균 평점 5.0

        5

        97% 수강 후 작성

        My understanding of Electron has improved significantly. Thank you.

        • seunghyoseo0290님의 프로필 이미지
          seunghyoseo0290

          수강평 2

          평균 평점 5.0

          5

          100% 수강 후 작성

          On the IDE screen, the cursor position was a bit difficult to see because of the screen effects.

          ₩52,800

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!