명

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-02-11 조회 3,097
12-02-11 조회 3,008
12-02-11 조회 3,426
12-02-10 조회 1만
12-02-10 조회 3,553
12-02-10 조회 4,538
12-02-09 조회 3,892
12-02-09 조회 3,457
12-02-09 조회 6,435
12-02-09 조회 3,141
12-02-08 조회 3,575
12-02-08 조회 2,963
12-02-08 조회 3,027
12-02-08 조회 3,982
12-02-08 조회 4,702
12-02-08 조회 3,025
12-02-07 조회 3,366
12-02-07 조회 3,313
12-02-07 조회 3,321
12-02-07 조회 2,627
12-02-07 조회 3,366
12-02-07 조회 2,910
12-02-06 조회 3,090
12-02-06 조회 2,989
12-02-06 조회 3,533
12-02-06 조회 3,955
12-02-06 조회 3,308
12-02-06 조회 1.2만
12-02-06 조회 4,254
12-02-06 조회 5,698
12-02-05 조회 2,784
12-02-05 조회 3,554
12-02-05 조회 2,963
12-02-04 조회 2,876
12-02-04 조회 2,880
12-02-04 조회 6,722
12-02-03 조회 3,896
12-02-03 조회 4,279
12-02-03 조회 2,778
12-02-03 조회 3,328
12-02-03 조회 3,917
12-02-02 조회 2,944
12-02-02 조회 3,727
12-02-02 조회 3,773
12-02-02 조회 5,435
12-02-02 조회 3,370
12-02-02 조회 4,629
12-02-02 조회 3,472
12-02-01 조회 3,297
12-02-01 조회 3,548
12-02-01 조회 4,000
12-02-01 조회 3,286
12-02-01 조회 2,820
12-01-31 조회 3,231
12-01-31 조회 3,481
12-01-31 조회 2,898
12-01-30 조회 9,664
12-01-30 조회 8,838
12-01-30 조회 2,806
12-01-30 조회 3,219
12-01-30 조회 3,296
12-01-30 조회 2,831
12-01-30 조회 2,999
12-01-29 조회 3,322
12-01-29 조회 3,192
12-01-29 조회 4,651
12-01-29 조회 2,825
12-01-29 조회 3,519
12-01-29 조회 3,822
12-01-28 조회 3,440
12-01-28 조회 2,684
12-01-28 조회 3,483
12-01-27 조회 2,882
12-01-27 조회 2,802
12-01-27 조회 2,856
12-01-27 조회 3,298
12-01-26 조회 6,600
12-01-26 조회 3,654
12-01-26 조회 3,421
12-01-26 조회 2,963
12-01-26 조회 3,063
12-01-25 조회 3,133
12-01-25 조회 2,940
12-01-25 조회 2,808
12-01-25 조회 2,602
12-01-25 조회 2,463
12-01-25 조회 4,182
12-01-25 조회 4,075
12-01-25 조회 2,697
12-01-25 조회 4,035
12-01-25 조회 3,498
12-01-24 조회 3,227
12-01-24 조회 3,428
12-01-24 조회 3,652
12-01-24 조회 4,360
12-01-22 조회 3,431
12-01-22 조회 2,770
12-01-22 조회 3,183
12-01-22 조회 3,701
12-01-21 조회 3,052