1.express와 socket.io를 활용하여 채팅서버 만들어보기

@node.js@

express와 socket.io를 활용하여 채팅서버 만들어보기

VisualStudioCode 사용

1.cmd를 열어 cd명령어로 채팅서버를 만들 폴더로 이동한다

2.npm install 명령어를 이용하여 npm을 설치해준다

-npm --version을 이용해서 npm의 버전도 확인 할 수 있다

3.npm init -y 명령어를 이용하여 package.json 파일 생성해준다

--여기서 -y는 각각의 항목을 입력하지 않고 알아서 Default값으로 구성해줌

4.npm install express socket.io 명령어를 통해 socket.io모듈을 설치해준다

5.chat.html 파일과 server.js파일을 생성해준다

6. 웹서버 구성 및 클라이언트와 웹서버 간의 소켓 연결해준다(포트는 임의의 포토를 사용하였다 곂치지 않게)

-가장 기본이되는 웹 서버 구축은 express 모듈의 Docs를 참고하시면 아주 손쉽게 구성할 수 있다

5.코딩의 편의성을 높이기 위해 jquery 라이브러리를 cdn link로 가져온다

 

6.node server.js라고 입력해 서버를 구동시킨다

7.주소창에 localhost:5000(임의로 설정한 포트값)으로 접속하면 User Join이 뜨고 접속이 된다(아직 ui와 css를 완성안했기때문에 전송과 텍스트입력칸만 나온다)