이전
목록
다음
명

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

명랑폐인
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 4307 · 8

링크

http://mjava.tistory.com/ (135)
 
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 로 채팅 만들기 참 쉽죠?


#개발자팁 #개발자 #팁자료실 #node.js
|

댓글 8개

클클로이
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
기대하고 있겠습니다
TTerrorboy
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
감사합니다 ㅎㅎ
亞亞波治
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
좋은 정보 감사합니다....^^
명명랑폐인
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
채팅화면 스크린샷을 안올렸네요.
해보신분들은 후기를 남겨주세요.
똥싼너구리
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
노고가 크십니다.
이런글 적기가 참 힘든데 고생하셨습니다.
nnatura12
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
감사합니다 ㅎㅎ
rraineye
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
ㅠ.ㅠ 꼭 따라잡아야지..
mmajestin
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
추천추천 정말 5분안에 만들어보는 채팅프로그램이군요 ...ㄷㄷ
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
14년 전 조회 2,045
14년 전 조회 1,205
14년 전 조회 2,603
14년 전 조회 1,418
14년 전 조회 1,202
14년 전 조회 1,127
14년 전 조회 1,902
14년 전 조회 2,264
14년 전 조회 1,758
14년 전 조회 1,206
14년 전 조회 1,432
14년 전 조회 1,900
14년 전 조회 1,952
14년 전 조회 1,196
14년 전 조회 3,974
14년 전 조회 1,868
14년 전 조회 5,101
14년 전 조회 1,420
14년 전 조회 2,409
14년 전 조회 1,464
14년 전 조회 1,384
14년 전 조회 2,285
14년 전 조회 1,273
14년 전 조회 2,245
14년 전 조회 1,345
14년 전 조회 2,110
14년 전 조회 1,637
14년 전 조회 4,674
14년 전 조회 2,670
14년 전 조회 1,523
14년 전 조회 1,351
14년 전 조회 1,928
14년 전 조회 1,554
14년 전 조회 1,675
14년 전 조회 2,743
14년 전 조회 1,382
14년 전 조회 3,490
14년 전 조회 3,469
14년 전 조회 1,752
14년 전 조회 1,439
14년 전 조회 2,935
14년 전 조회 1,543
14년 전 조회 1,813
14년 전 조회 1,292
14년 전 조회 2,416
14년 전 조회 1,756
14년 전 조회 1,824
14년 전 조회 2,102
14년 전 조회 1,247
14년 전 조회 4,308
14년 전 조회 1,552
14년 전 조회 2,407
14년 전 조회 1,914
14년 전 조회 1,308
14년 전 조회 5,302
14년 전 조회 1,151
14년 전 조회 3,260
14년 전 조회 1,624
14년 전 조회 1,289
14년 전 조회 1,681
14년 전 조회 8,431
14년 전 조회 1,602
14년 전 조회 2,652
14년 전 조회 2,122
14년 전 조회 1,690
14년 전 조회 4,741
14년 전 조회 1,353
14년 전 조회 1,808
14년 전 조회 1,425
14년 전 조회 1,481
14년 전 조회 2,184
14년 전 조회 2,994
14년 전 조회 1,539
14년 전 조회 1,655
14년 전 조회 1,568
14년 전 조회 1,929
14년 전 조회 1,178
14년 전 조회 1,667
14년 전 조회 1,169
14년 전 조회 1,600
14년 전 조회 1,348
14년 전 조회 1,786
14년 전 조회 2,203
14년 전 조회 1,873
14년 전 조회 1만
14년 전 조회 2,405
14년 전 조회 3,958
14년 전 조회 1,090
14년 전 조회 2,086
14년 전 조회 1,325
14년 전 조회 1,170
14년 전 조회 1,175
14년 전 조회 4,953
14년 전 조회 2,146
14년 전 조회 2,604
14년 전 조회 1,316
14년 전 조회 1,643
14년 전 조회 2,199
14년 전 조회 1,170
14년 전 조회 2,242
이전 첫 페이지 다음
글쓰기