이근둥
근둥이의 블로그
이근둥
전체 방문자
874,952
오늘
323
어제
187

공지사항

  • 전체보기 (107)
    • 웹 (9)
    • 언어 & 프레임워크 (53)
      • JavaScript (7)
      • TypeScript (0)
      • Node.js (11)
      • Vue.js (3)
      • React (0)
      • React Native (0)
      • C & C++ (19)
      • Java & JSP (9)
      • Python (4)
    • 컴퓨터 과학 (3)
      • 알고리즘 (0)
      • 자료구조 (3)
    • 기타 (9)
      • Linux (1)
      • Git (2)
      • DialogFlow (4)
    • 일상 (13)
      • 게임 (13)
    • 칼럼 (9)
      • 회고 (0)
      • 나만의 글 (0)
      • 제품 리뷰 (9)
    • __Dev__ (9)
      • Release (9)
반응형

인기 글

  • 웹 푸시 알림(Web Push Notification)
    2022.06.13
    웹 푸시 알림(Web Push Notification)
  • [Tomcat] 아파치 톰캣 서버 포트 변경하기
    2018.08.24
    [Tomcat] 아파치 톰캣 서버 포트 변경하기
  • [Node.js] 실시간 채팅 서비스 만들기(5) - 채팅⋯
    2018.05.31
    [Node.js] 실시간 채팅 서비스 만들기(5) - 채팅⋯
  • [C/C++] 콘솔게임 프로그래밍 (1) - 프로젝트 생성⋯
    2017.12.19
    [C/C++] 콘솔게임 프로그래밍 (1) - 프로젝트 생성⋯
  • [Vue 3] Composition API와 템플릿 참조(⋯
    2020.10.02
    [Vue 3] Composition API와 템플릿 참조(⋯

태그

  • java
  • 이펙트
  • Deemo
  • vue
  • 웹 확장
  • vuex
  • self
  • vue-next
  • vue3
  • pwa
  • 프로그레시브 웹 앱
  • WWDC20
  • 자바
  • 출간
  • Vue 3
  • Scanner
  • 전개 구문
  • 자바 프로젝트
  • javascript
  • 파티클
  • Java FX
  • Hello World!
  • WWDC
  • spread syntax
  • ES6
  • AstroWar
  • composition-api
  • vue.js
  • Composition API
  • 이클립스

최근 댓글

  • 어디에서도 이런 친절한 설명은 받을 수 없었습니다. 응용⋯
    미쳤다...
  • 정말 너무 감사합니다 선생님 많은 도움이 되고있습니다 어떻⋯
    김준태
  • 커서 위치이동 함수까지 했는데 컴파일하면 Makefile.⋯
    Qour94
  • iOS의 경우 애플에서 개발하고 있는 webkit 엔진을 ⋯
    이근둥
  • android, IOS에서 된다고 했는데 Notifica⋯
    삽자루부대

최근 글

  • 웹 푸시 알림(Web Push Notification)
    2022.06.13
    웹 푸시 알림(Web Push Notification)
  • 스택(Stack)
    2022.05.26
    스택(Stack)
  • 배열(Array)
    2022.05.25
    배열(Array)
  • C언어로 배우는 자료구조
    2022.05.24
    C언어로 배우는 자료구조
  • [Vue 3] Composition API와 템플릿 참조(⋯
    2020.10.02
    [Vue 3] Composition API와 템플릿 참조(⋯

블로그 메뉴

  • 홈
  • 미디어로그
  • 방명록
hELLO · Designed By 정상우.
이근둥

근둥이의 블로그

[Node.js] 실시간 채팅 서비스 만들기(1) - 준비
언어 & 프레임워크/Node.js

[Node.js] 실시간 채팅 서비스 만들기(1) - 준비

2018. 5. 29. 20:54
반응형

안녕하세요




이번 강좌에서는 Node.js 기반의 실시간 온라인 채팅 서비스를 개발해볼 예정입니다!


사전 지식이 부족하더라도 충분히 따라올 수 있도록 작성할 계획입니다.




서버는 Node.js

클라이언트는 웹으로 진행하도록 하겠습니다!



[목차]


1. 개발환경 준비

2. 필요 모듈 설치




개발환경 준비


http://codevkr.tistory.com/12


위 링크를 통해 Node.js와 VSCode를 설치해주세요!

(글에 나와있는 Brackets를 사용해도 되지만 저는 VSCode로 진행할 계획입니다)



원하는 폴더를 생성하고 npm init를 진행하여 package.json 도 생성해주세요!

(위 링크에 모두 나와있습니다)




필요 모듈 설치



VSCode로 package.json 파일이 있는 폴더를 열어줍니다.




Ctrl + `

단축키를 눌러줍니다

(1 옆에 있는 특수문자입니다! 따옴표 아님)




커맨트창이 열렸으면 아래 명령어를 입력해줍니다.




npm install express --save






npm install socket.io --save





우리는 프로젝트를 진행하는 동안 위의 2모듈을 사용할 예정입니다.

(내부모듈 제외)


express는 서버를 위한 모듈이구요 socket.io는 실시간 통신을 위한 모듈입니다!





설치를 마무리하였으면 package.json 파일을 열어봅시다.



아래 dependencies 항목을 보면 express와 socket.io가 있으면 성공입니다!

(위의 기타 항목들은 개개인마다 차이가 있을 수 있습니다.)




폴더 구조를 보면 위와 같을것입니다!

(README.md는 제가 따로 생성한 파일이므로 여러분들은 없습니다.)

(일부러 생성하지 않아도 됩니다!)



다음 포스팅부터 본격적으로 개발을 시작해봅시다!





매 과정은 모두 제 Github에 업로드 되고 있습니다!


Github에서 Clone 하여 따라오셔도 좋습니다~!




[실시간 채팅 서비스 만들기(1) - 준비]

https://github.com/leegeunhyeok/node-chat/tree/chapter_1






감사합니다.




반응형
저작자표시 비영리 동일조건
    '언어 & 프레임워크/Node.js' 카테고리의 다른 글
    • [Node.js] 실시간 채팅 서비스 만들기(3) - 정적 파일 제공
    • [Node.js] 실시간 채팅 서비스 만들기(2) - 서버 실행
    • [Node.js] 버스 정보 API 사용하기(2) - API 활용
    • [Node.js] 버스 정보 API 사용하기(1) - 가입 및 API 키 발급
    이근둥
    이근둥
    새로운 것을 좋아하는 프론트엔드 개발자 ✨
    댓글쓰기

    티스토리툴바