명

5분만에 만들어보는 채팅 프로그램

 
1. 먼저 nodejs 와 npm을 설치합니다.
node 는 http://nodejs.org
npm 은 http://npmjs.org 입니다.


- 다운로드 버튼이 누르면 팝업레이어가 열립니다. Windows Installer 를 선택하여 설치파일을 다운받습니다.


- 설치를 진행합니다.



- 설치가 완료되었으면, node를 실행해봅니다.
- node가 설치되는 위치는 Windows os 버전에 따라 틀립니다.
- cmd 창에서 node를 입력합니다.
% node
- 실행시 오류가 나는 경우에 Windows 환경변수의 PATH에 node가 위치한 폴더를 추가해줍니다.
- 간단하게 node가 잘 동작하는지 테스트 해봅니다.

- http://npmjs.org

npm파일 다운로드는 http://npmjs.org/dist/ 에서 받을수 있습니다.
npm-1.1.1.zip 을 받습니다.(윈도우에서 사용가능한 cmd 파일이 포함되어 있습니다.)


- 파일을 다운받고 압축을 풉니다.

- 압축된 파일을 적당한 디렉토리에 옮깁니다.
- 본인의 경우 C:\nodejs 라는 폴더를 만들고, 그안에 npm 파일을 복사했습니다.

- 복사한뒤 다음과 같은 형태입니다.
- npm은 다른 디렉토리에 있어도 무방합니다.
- 사용편의상 현재와 같이 유지합니다.
- nodejs와 마찬가지로 npm이 설치된 디렉토리를 Windows PATH 환경변수에 추가합니다.

- npm 을 실행하면 다음과 같이 나옵니다.
% npm

먼저 socket.io 를 설치합니다.
socket.io 는 서버-클라이언트 데이타 통신을 추상화하여
브라우져에 상관없이 사용할수 있게 해줍니다.
(IE, Mozilla, Webkit계열)
npm은 다음과 같이 설치합니다. (참 쉽죠?)
% npm install socket.io

- socket.io 모듈에는 테스트해볼수 있는 채팅 예제가 포함되어 있습니다.
% cd node_modules
% cd socket.io
% cd examples
% cd chat

- 여기서 실행하는 프로그램은 app.js 입니다.
- node로 제작시 어플을 실행하는 파일은 대부분 app.js 입니다.


- 실행시켜 봅니다.
- 실행방법은 간단합니다.
% node app.js
Cannot find module 'express'
express 라는 모듈이 없다는 뜻입니다.


node에서 모듈설치는 npm을 통해서 합니다.
아까 socket.io 설치할때 해봤죠?
% npm install express


다시 app.js 을 실행해봅니다.
% node app.js
- stylus 가 없다고 합니다.
계속해서 하다보면 다음과 같은 라이브러리를 설치하게 됩니다.
귀찮으니 한꺼번에 설치합니다.
% npm install socket.io
% npm install express
% npm install stylus
% npm install nib
다시 실행해봅니다.

The "sys" module is now called "util". It should have a similar interface.
info - socket.io started
app listening on http://0.0.0.0:3000
뭐라 뭐라 나오는데, 암튼 앱이 3000번 포트로 실행되었다는것입니다.


이제 웹브라우저에서 3000 포트로 으로 들어가봅니다.
http://localhost:3000
방화벽 권한창이 뜨면, OK 해줍니다.
만약 페이지가 안뜬다면, cmd를 관리자 모드로 열였는지 확인해보세요.

참 쉽죠?

샘플 예제에 약간의 버그가 있습니다.
상대방이 메세지가 입력되었을때, 스크롤이 멈춰있습니다.
이건 소스를 보면서 수정하시면 됩니다.

nodejs 로 채팅 만들기 참 쉽죠?


|

댓글 8개

기대하고 있겠습니다
감사합니다 ㅎㅎ
좋은 정보 감사합니다....^^
채팅화면 스크린샷을 안올렸네요.
해보신분들은 후기를 남겨주세요.
노고가 크십니다.
이런글 적기가 참 힘든데 고생하셨습니다.
감사합니다 ㅎㅎ
ㅠ.ㅠ 꼭 따라잡아야지..
추천추천 정말 5분안에 만들어보는 채팅프로그램이군요 ...ㄷㄷ
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-04-26 조회 3,811
12-04-24 조회 3,196
12-04-23 조회 4,540
12-04-22 조회 3,231
12-04-19 조회 3,321
12-04-18 조회 4,379
12-04-18 조회 3,085
12-04-17 조회 3,359
12-04-17 조회 5,112
12-04-16 조회 3,531
12-04-13 조회 3,074
12-04-09 조회 3,141
12-04-04 조회 3,910
12-04-01 조회 3,196
12-03-31 조회 3,589
12-03-30 조회 3,196
12-03-30 조회 3,855
12-03-26 조회 3,474
12-03-26 조회 3,041
12-03-22 조회 3,199
12-03-21 조회 3,059
12-03-19 조회 3,468
12-03-17 조회 3,495
12-03-14 조회 3,225
12-03-10 조회 3,901
12-03-09 조회 3,486
12-03-09 조회 3,312
12-03-08 조회 3,785
12-03-08 조회 3,953
12-03-08 조회 4,053
12-03-03 조회 3,285
12-03-02 조회 4,622
12-02-28 조회 3,158
12-02-27 조회 2,967
12-02-25 조회 3,122
12-02-24 조회 3,833
12-02-23 조회 3,097
12-02-22 조회 3,617
12-02-22 조회 5,392
12-02-22 조회 3,963
12-02-22 조회 4,280
12-02-18 조회 3,767
12-02-17 조회 2,983
12-02-17 조회 3,401
12-02-14 조회 3,471
12-02-13 조회 3,354
12-02-10 조회 1만
12-02-08 조회 3,014
12-02-07 조회 3,352
12-02-06 조회 3,078
12-02-05 조회 3,540
12-01-31 조회 3,467
12-01-30 조회 9,652
12-01-29 조회 3,802
12-01-26 조회 3,407
12-01-25 조회 4,020
12-01-24 조회 3,411
12-01-10 조회 3,727
12-01-10 조회 4,469
12-01-09 조회 3,263
12-01-08 조회 7,123
12-01-08 조회 3,647
12-01-07 조회 5,170
12-01-04 조회 3,882
12-01-02 조회 3,105
12-01-02 조회 3,155
12-01-02 조회 3,462
12-01-01 조회 3,094
11-12-31 조회 3,399
11-12-31 조회 3,078
11-12-30 조회 3,248
11-12-30 조회 3,397
11-12-29 조회 3,608
11-12-28 조회 3,702
11-12-26 조회 3,271
11-12-23 조회 3,498
11-12-22 조회 3,039
11-12-15 조회 4,125
11-12-08 조회 3,946
11-12-05 조회 3,284
11-12-04 조회 5,703
11-12-03 조회 3,564
11-12-02 조회 3,345
11-12-01 조회 5,416
11-11-30 조회 2,905
11-11-30 조회 2,799
11-11-28 조회 3,146
11-11-26 조회 3,324
11-11-25 조회 3,341
11-11-24 조회 2,945
11-11-22 조회 3,025
11-11-22 조회 2,873
11-11-17 조회 2,802
11-11-11 조회 2,809
11-11-09 조회 2,869
11-11-08 조회 3,243
11-11-08 조회 2,536
11-11-04 조회 3,619
11-11-01 조회 2,922
11-10-26 조회 2,509