명

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-26 조회 3,120
12-02-26 조회 3,431
12-02-26 조회 3,277
12-02-26 조회 3,359
12-02-26 조회 3,402
12-02-26 조회 3,244
12-02-26 조회 3,570
12-02-26 조회 3,385
12-02-26 조회 3,466
12-02-26 조회 3,937
12-02-26 조회 2,894
12-02-26 조회 5,084
12-02-25 조회 2,628
12-02-25 조회 3,104
12-02-24 조회 2,816
12-02-24 조회 3,198
12-02-24 조회 3,177
12-02-24 조회 3,486
12-02-24 조회 3,048
12-02-24 조회 3,829
12-02-24 조회 3,807
12-02-24 조회 3,398
12-02-24 조회 9,255
12-02-23 조회 2,785
12-02-23 조회 3,234
12-02-23 조회 3,033
12-02-23 조회 3,076
12-02-23 조회 3,701
12-02-23 조회 2,778
12-02-23 조회 3,268
12-02-23 조회 2,954
12-02-23 조회 2,717
12-02-22 조회 3,604
12-02-22 조회 5,374
12-02-22 조회 2,935
12-02-22 조회 4,336
12-02-22 조회 3,218
12-02-22 조회 3,046
12-02-22 조회 3,942
12-02-22 조회 3,846
12-02-22 조회 2,780
12-02-22 조회 3,815
12-02-22 조회 4,261
12-02-22 조회 3,671
12-02-22 조회 2,858
12-02-22 조회 4,491
12-02-21 조회 3,048
12-02-21 조회 2,831
12-02-21 조회 2,752
12-02-21 조회 3,652
12-02-21 조회 3,883
12-02-21 조회 3,329
12-02-21 조회 2,836
12-02-20 조회 3,073
12-02-20 조회 3,701
12-02-20 조회 3,644
12-02-20 조회 2,933
12-02-20 조회 5,732
12-02-20 조회 3,526
12-02-20 조회 6,736
12-02-20 조회 3,122
12-02-20 조회 4,084
12-02-19 조회 3,285
12-02-18 조회 3,020
12-02-18 조회 3,744
12-02-17 조회 2,892
12-02-17 조회 4,062
12-02-17 조회 2,967
12-02-17 조회 3,507
12-02-17 조회 3,291
12-02-17 조회 6,137
12-02-17 조회 4,340
12-02-17 조회 2,959
12-02-17 조회 2,994
12-02-17 조회 3,374
12-02-16 조회 3,195
12-02-16 조회 3,244
12-02-16 조회 4,594
12-02-16 조회 2,835
12-02-16 조회 5,217
12-02-16 조회 4,974
12-02-15 조회 3,527
12-02-15 조회 3,136
12-02-15 조회 4,675
12-02-15 조회 3,191
12-02-15 조회 3,584
12-02-15 조회 2,678
12-02-15 조회 3,947
12-02-14 조회 3,451
12-02-14 조회 3,558
12-02-14 조회 3,965
12-02-14 조회 2,999
12-02-14 조회 6,062
12-02-14 조회 3,009
12-02-14 조회 4,052
12-02-13 조회 3,325
12-02-13 조회 2,958
12-02-13 조회 7,094
12-02-12 조회 2,780
12-02-12 조회 5,150