시작하기에 앞서..

express-generator로 프로젝트를 초기화 해주도록 합니다.

또는 링크에서 프로젝트를 다운로드 해주세요.

오늘 배울 내용은?

npm 모듈인 socket.io를 통해 간단한 채팅 서비스를 구현해보도록 하는 시간을 가져보겠습니다

UI 구성

git reset --hard d66e12bbe2c787d9441c2a45c55408d788475f30

bootstrap을 이용해 채팅방 ui를 간단히 만들어 주도록 합니다.

소켓 연결하기

git reset --hard 9e05b3bb6824962968192c07d4a07d2e1c51c25e

socket io를 설치해 서버와 연결해주도록 합니다.

로컬에서 채팅 구현

git reset --hard 036635188e62384e1b7d6f384c75eedc7f29d6d0

todolist를 만들었던 것들을 이용해 로컬 채팅을 구현하도록 합니다.

채팅 구현

git reset --hard 93ca9e2ed26cab695c1fbe903ad792103e2b8f7c

on, emit, broadcast를 이해하고 채팅을 구현하도록 합니다.

스크롤 포커싱

git reset --hard
f68af9fccbb2777354baac98382084d77f725fad

채팅 div의 맨 밑을 포커싱 하는 함수를 만듭니다.