[7강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (프로젝트 완성)

처음에 동빈나 JSP 게시판을 따라할 때보다

훨씬 수월하게 따라할 수 있게 되었고

왜 저렇게 하는지도 이해할 수 있게 되었습니다.

​

https://youtu.be/FKkVqvgsklE?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_

 

가장 마지막에 있는 아이디를 출력할 수 있또록 ChatListServlet 에서 getToday() 를 다음과 같이 수정합니다.

getTen() 도 똑같이 해줍니다.

index.jsp 의 Javascript 에서 lastID 변수를 생성한 후

chatListFunction() 에서 lastID 를 가져올 수 있도록 합니다.

동작 확인

ChatDAO 에서 chatID 를 매개변수로 특정 ID 값보다 높은 ID를 차례로 보여주는 메소드를 만듭니다.

ChatListServlet 에 chatID 를 매개변수로 하는 getID() 를 만듭니다.

index.jsp 에서 alert(chatID)와 button을 삭제하고 실행되었을 때 자동으로 chatListFunction() 을 수행하는 script를 작성합니다.

0.5초모다 chatListFunction() 을 수행하는 함수를 만든 후

Set 을 소문자 s 로 바꾸셔야 합니다.

문서가 시작될 때 자동으로 실행될 수 있게 합니다.

또한, data가 공백일 경우 return 시켜주는 문구를 추가합니다.

ChatListServlet 에서 else 문을 추가합니다.

listType을 가져와서 getID 에 넣고 그렇지 않을 경우 공백을 출력하도록 합니다.

동작 확인

index.jsp 에서 채팅탕의 height 를 600px 로 늘려주고

메시지가 추가되었을 때 스크롤이 자동적으로 내려갈 수 있게 해주고

서버에서 계속 메시지 가져오는 시간을 1000 으로 늘립니다.(과부하 방지)

메시지를 전송할 때 스크립트 문장같은 경우, 오류가 날 수 있으므로 ajax 통신에서 data 들을 encodeURIComponent 로 감싸줍니다.

encode 해서 왔으니 UTF-8 로 decode 해주는 것을 chatListServlet 에 추가합니다.

동작확인

​