명

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 조회 4,865
12-04-26 조회 2,737
12-04-26 조회 2,986
12-04-26 조회 2,808
12-04-26 조회 3,135
12-04-25 조회 2,544
12-04-25 조회 2,857
12-04-25 조회 2,710
12-04-25 조회 2,762
12-04-25 조회 2,727
12-04-25 조회 2,959
12-04-24 조회 4,084
12-04-24 조회 2,604
12-04-24 조회 2,505
12-04-24 조회 2,749
12-04-24 조회 2,679
12-04-24 조회 2,580
12-04-24 조회 2,951
12-04-24 조회 2,968
12-04-24 조회 2,618
12-04-24 조회 2,672
12-04-24 조회 3,315
12-04-24 조회 2,722
12-04-24 조회 2,761
12-04-24 조회 2,729
12-04-23 조회 2,687
12-04-23 조회 2,691
12-04-23 조회 2,968
12-04-23 조회 2,602
12-04-23 조회 3,644
12-04-23 조회 2,540
12-04-23 조회 2,603
12-04-23 조회 2,759
12-04-23 조회 2,614
12-04-23 조회 2,805
12-04-23 조회 2,818
12-04-23 조회 2,574
12-04-23 조회 3,463
12-04-22 조회 2,595
12-04-22 조회 2,555
12-04-22 조회 2,632
12-04-22 조회 2,854
12-04-22 조회 2,663
12-04-22 조회 3,317
12-04-21 조회 4,105
12-04-21 조회 7,887
12-04-21 조회 2,695
12-04-21 조회 3,096
12-04-21 조회 2,593
12-04-21 조회 2,834
12-04-20 조회 2,799
12-04-20 조회 2,878
12-04-20 조회 2,673
12-04-20 조회 2,792
12-04-20 조회 3,919
12-04-20 조회 2,973
12-04-16 조회 2,772
12-04-07 조회 2,731
12-04-03 조회 3,152
12-04-02 조회 3,300
12-03-28 조회 2,705
12-03-26 조회 6,182
12-03-25 조회 2,755
12-03-25 조회 2,901
12-03-24 조회 2,976
12-03-23 조회 2,885
12-03-22 조회 5,754
12-03-13 조회 2,742
12-03-11 조회 3,158
12-03-11 조회 4,087
12-03-11 조회 4,896
12-03-11 조회 3,789
12-03-11 조회 3,753
12-03-11 조회 5,417
12-03-06 조회 2,905
12-03-06 조회 2,986
12-03-05 조회 3,076
12-03-02 조회 2,985
12-03-01 조회 6,502
12-03-01 조회 3,303
12-02-29 조회 5,450
12-02-17 조회 3,041
12-02-16 조회 2,898
12-02-14 조회 4,020
12-02-14 조회 3,051
12-02-08 조회 3,041
12-02-07 조회 2,631
12-02-06 조회 1.2만
12-02-04 조회 2,883
12-02-02 조회 2,952
12-01-29 조회 4,658
12-01-27 조회 2,888
12-01-25 조회 4,083
12-01-24 조회 4,368
12-01-21 조회 3,509
12-01-21 조회 3,181
12-01-16 조회 3,548
12-01-16 조회 4,056
12-01-14 조회 2,899
12-01-13 조회 4,538