Development Diary/Teamwork Messenger

[0.0.1] 보일러 플레이트 선정 및 서비스 실행

때오도르 2019. 12. 21. 21:52

메신저 서비스의 뼈대를 담당할 만한 보일러 플레이트를 선정하였다.

https://github.com/dehypnosis/chat

 

dehypnosis/chat

React/MobX + Express/Socket.io Chat Server/App. Contribute to dehypnosis/chat development by creating an account on GitHub.

github.com

깔끔하고 완성도가 어느정도 있는 무료 메신저 코드가 많을 것이라 생각했는데, 선택 기술이나 디자인 측면에서 마음에 드는 것을 찾기 어려웠다.

 

위 채팅 코드는 놀랍게도 한국인이 2일만에 만들었다고 한다.

React/MobX + Express/Socket.io Chat Server/App

위와 같은 기술이 사용 되었으며, 모두 최신 Trend를 잘 반영했다 생각이 들어 해당 코드 기반으로 개발해 나가기로 결정 하였다.

 

1. 초기 환경 구축

https://nodejs.org/ko/ 에서 Node.js 를 설치하고, VS Code역시 설치가 필요하다.

github에서 Source 코드를 로컬에 받은 후 VS Code로 해당 프로젝트를 열었다.

 

2. node_modules 설치

Terminal에 다음 명령어를 수행하여 관련 module을 설치 한다.

> npm install 

npm install 명령어를 통해 필요한 module을 설치한다.

3. 서비스 실행

서비스를 띄운다. (기본 Port 3000)

> node entry.js

서비스를 실행한다.

보일러 플레이트 소스에 대한 설명은 해당 github에서 강의 site가 link되어 있으며 읽어보면 도움이 많이 된다.

 


채팅 서비스를 이용해보자!

Prompt
Lobby
Room