게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
Node.js, Mongodb, Socket.io를 이용한 채팅 구현하기
게시물ID : programmer_11825짧은주소 복사하기
작성자 : 멋쟁이슈도
추천 : 11
조회수 : 3818회
댓글수 : 10개
등록시간 : 2015/07/02 20:27:45
옵션
  • 본인삭제금지
안녕하세요.
컴퓨터 공학부 3학년 대학생입니다.
전역 후 복학하기 전에 뭘 할까 하다가
집에서 굴러다니는 저사양 컴퓨터로 웹서버 구현 후 채팅 프로그램을 만들어 보자 하고
무작정 시작하게 되었습니다.
맨땅에 해딩이지만, 우리에겐 naver가 있기 때문에 맨땅에 서칭!
서칭 서칭을 통해서 채팅처럼 실시간 통신에는 APM 보다는 MEAN(MongoDB, Express.js, AngularJS , Node.js)
사용하는게 좋다는걸 보고 해본적 없는 MongoDB, Node.js를 시작했습니다.
사실 예제를 보고 그대로 따라하면 되지만, 2주간 구글링을 하면서 당했던 맨붕과
추후에 저처럼 채팅 예제를 Node.js와 MongoDB로 해보고 싶은 사람들을 위해 기록을 남깁니다.
사실 이 예제에는 Express.js와 AngularJS가 필요없기 때문에 하진 않았지만, 해야 될텐데 배울만 한데 있을까요???
 
(저는 윈도우7-64비트에서 개발을 했습니다. 추후 리눅스에서 하게 되면 다시 글을 올리겠습니다.)
 
1. 개발 환경 구축.
- 여기서 제가 2주간 맨붕을 당했습니다 ㅠㅠ
   1) Node.js 및 MongoDB 설치
      - www.Nodejs.org / www.mognodb.org 에서 각각 자기 PC사양에 맞게 다운받으면 됩니다.
      - 다운 받은 후 설치하면 됩니다. (사실 잘 모르니 Next 해서 넘겨서 설치하면 됩니다. 경로 설정은 Custom을 통해서 하면 됩니다.)
   2) MongoDB를 서비스에 등록하기.
      - MongoDB의 Bin폴더를 Path에 등록해도 되지만, 그렇게 하기보다는 작업관리자 창에 서비스에 Demon처럼 돌아가게 했습니다.
      - 첫번째로 프로젝트를 만들고 싶은 곳에 폴더를 생성 후 이름을 넣습니다. (저는 D:\에 chat이라는 폴더를 만들었습니다.)
      - 프로젝트 폴더 안에 DB전용 폴더를 생성합니다. (저는 D:\chat\에 MongoDB 폴더 생성) 
      - 메모장을 키고 그 폴더 안에 mongod.cfg라는 파일을 다른이름으로 저장합니다. 안에는 Log파일 Path와 DB의 Path 경로를 저장 할 수 있습니다.
      - mongod.cfg에 저는 MongoDB 폴더 안에 log 폴더 생성 후 mongod.log가 저장되고 디비 저장 경로를 설정해 줬습니다.
                              logpath=d:\chat\MongoDB\log\mongod.log
                              dbpath=d:\chat\MongoDB\db
         다음과 같이 mongod.cfg에 입력하고 저장하게 되면 log파일과 db가 저장될 경로가 지정됬습니다.
      - 이제 cmd창을 키고 아레와 같이 입력하면 서비스에 등록이 됩니다.
"C:\Mongodb\bin\mongod.exe" --config "D:\chat\MongoDB\mongod.cfg" --install
        (여기서 Mongod의 경로를 지정 해 주고, 프로젝트 안의 Mongod.cfg 경로를 지정해 줘서 서비스를 등록합니다.)
 
     - 서비스에 등록후 cmd창에서 아래와 같이 입력하면 서비스가 시작되면서 컴퓨터에서 MongoDB가 데몬처럼 돌아갑니다.
net stop MongoDB
     - 그 후 cmd에서 mongo라고 입력하면 바로 MongoDB가 실행됩니다. (dbpath를 따로 입력 할 필요가 없음.)
 
   3) git 설치 후 Node.js 세팅.
     - git을 설치해줍니다. git을 설치 하는 이유는 저도 잘 모르지만, 지금 업데이트 된 버전의 Socket.io가 문제가 있기 때문에
       그냥 npm install socket.io로 설치하게 되면 오류가 납니다. 따라서 npm install automattic/socket.io로 설치를 해야 되는데,
       그냥 cmd 창에서 하면 오류가 납니다. 그래서 git을 설치하면 따로 console창이 cmd처럼 뜨는데 여기서 Node.js를 구동하면 됩니다.
       (git을 사용하는 이유를 자세히 좀 알려주세요 ㅠㅠ)
     - 프로젝트 폴다 안에 메모장을 킨 후 package.json으로 다른이름 저장! (저의 경우 D:\chat\)
 
{
  "name": "chat-test",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.12.4",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "ejs": "~2.3.1",
    "express": "~4.12.4",
    "mongodb": "^2.0.35",
    "mongojs": "^1.0.1",
    "morgan": "~1.5.3",
    "serve-favicon": "~2.2.1",
    "socket.io": "automattic/socket.io"
  }
}
       요로콤 저장 해주면 됩니다. 이게 뭐냐면 페키지라고 해서 나중에 이것만 들고 다른 컴퓨터에 가면 일일히 npm install *** 할 필요 없이
       npm install 이렇게만 입력해 주면 페키지 안의 파일들이 자동적으로 설치됩니다. 그리고 만약 node_modules이 업데이트가 됬다면
       별도로 재설치 할 필요 없이 페키지 안에서 버전만 업데이트 시켜 준 후 npm update를 해주면 자동으로 업데이트 됩니다.
       즉 페키지만 관리해주면 됨으로 좋음.
 
       - 여튼 이렇게 만들고 package.json을 저장하고 git화면에서 npm install 을 입력하게 되면 뾰로롱~ 이번 예제에서 필요한 모듈이 자동으로 설치
         됩니다.
 
       - 개발환경 구축 끝!!
 
2. 예제 작성!
      1) 유투브에 예제를 따라서 하면 됩니다.
         - https://www.youtube.com/playlist?list=PLfdtiltiRHWHZh8C2G0xNRbcf0uyYzzK_ <- 유투브 경로에요.
 
3. 완성!
서버 정상작동.png
연결.png
DB저장.png
출처 여러 예제와 도움과 구글링을 통해 직접 만듦.
1 채팅 예제 : 유투브 예제(https://www.youtube.com/playlist?list=PLfdtiltiRHWHZh8C2G0xNRbcf0uyYzzK_)
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호