9.5 HTML과 자바스크립트로 클라이언트 화면 만들기

사용자가 채팅 서버를 통해 다른 사용자와 메시지를 주고받으려면 채팅 클라이언트 프로그램이 필요하다. HTML로 화면을 구성하고 웹소켓으로 메시지를 주고받는 클라이어트 코드를 작성해 보자.

우리가 최종 구성할 화면은 다음과 같은 모습이다.

템플릿을 사용하면 각 영역을 별도의 HTML 파일로 분리할 수 있다. 채팅방 목록은 rooms.tmpl 파일에 채팅 메시지는 messages.tmpl 파일에 작성해 보자. 레이아웃은 부트스트랩으로 구성한다.