동빈나 익명 채팅사이트 개발(끝) 썸네일형 리스트형 [7강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (프로젝트 완성) 처음에 동빈나 JSP 게시판을 따라할 때보다 훨씬 수월하게 따라할 수 있게 되었고 왜 저렇게 하는지도 이해할 수 있게 되었습니다. https://youtu.be/FKkVqvgsklE?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ 가장 마지막에 있는 아이디를 출력할 수 있또록 ChatListServlet 에서 getToday() 를 다음과 같이 수정합니다. getTen() 도 똑같이 해줍니다. index.jsp 의 Javascript 에서 lastID 변수를 생성한 후 chatListFunction() 에서 lastID 를 가져올 수 있도록 합니다. 동작 확인 ChatDAO 에서 chatID 를 매개변수로 특정 ID 값보다 높은 ID를 차례로 보여주는 메소드를 만듭니다. Cha.. 더보기 [6강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (최신 메시지 불러오기) https://youtu.be/91MuizRAdoA?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ 기존에 있는 TABLE 을 삭제하고 새롭게 TABLE 을 생성합니다. chatID 를 PK로 추가하여 자동증가시킵니다. Chat bean 에서 새롭게 추가된 chatID 를 추가한 후, Getter Setter를 추가합니다. ChatDAO 의 submit() 에서 NULL 을 추가하여 자동으로 chatID 가 증가할 수 있도록 합니다. 또한, getChatList() 에서 ChatID 를 set 할 수 있도록 합니다. chatID 로 최신순으로 메시지를 출력하는 getCHatListByRecent()를 작성합니다. ChatListServlet 에서 getTen() 함수를 만들어 10.. 더보기 [5강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (개발한 내용 중간 점검) https://youtu.be/f_cNMgD2hZA?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ 메시지 입력 란에 공백을 치면 오류가 나옵니다. 이를 해결하기 위해 ChatDAO 에 다음과 같이 코드를 추가합니다. 공백, , \n 을 html 형식으로 출력할 수 있도록 변경하는 것입니다. 시간을 오전, 오후로 나누어 출력하고, 보기 좋게 변경해서 출력합니다. index.jsp 의 input="이름" 부분에서 maxlength = "8" 로 수정합니다. 더보기 [4강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (등록된 메시지 목록 출력하기) https://youtu.be/4tJpN6B3HJ0?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ ChatListServlet 을 만들고 web.xml에 추가합니다. ChatListServlet 에 다음과 같이 추가합니다. doPost 메소드로 listType 객체를 생성하여 today 와 같은 날들을 getToday() 메소드로 getChatName(), getChatContent(), getChatTime() 을 제이슨 형식으로 가져와 출력하는 것입니다. 36, 37 라인에서 value 앞에 있는 '['는 삭제하셔야 합니다. charset= 으로 수정하셔야 합니다. index.html 에서 div 가 row 인 곳들을 지워줍니다. 이 부분을 Ajax 로 동적처리 할 것입니다... 더보기 [3강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (메시지 전송기능 구현하기) https://youtu.be/Div5-RHVyaY?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ ChatSubmitServlet 을 생성하여 chatName 과 chatContent를 받아 데이터에 Post 하는 코드입니다. web.xml 에 Servlet 을 등록합니다. index.jsp 에 해당 javascript 코드를 작성합니다. 전송버튼(onclick=submitFunction())이 눌렸을 때 chatName 과 chatContent 의 현재 값(.val())을 받아와서 ajax Post 로 data를 보냅니다. 데이터가 성공(result == 1)하면 전송성공 알림창을 데이터가 비어있다면(result == 0) 이름과 내용 요청 알림창을 그 외의 경우라면 데이터베이.. 더보기 [2강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (DB 설계 및 구축) https://youtu.be/NTGvs5WfeuM?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ ANONYMOUSCHAT DB 를 만들어서 CHAT 이라는 TABLE 을 생성합니다. Chat 이라는 Java Bean 지를 만듭니다. 그후 자바 빈지의 데이터를 다루는 ChatDAO 를 작성합니다. Connection 객체를 생성하고 DB에 연결하는 함수 ChatDAO() 와 시간 순으로 정렬하여 메시지를 가져오는 getChatList() 함수를 작성합니다. 이어서 chatName 과 chatContent를 파라미터로 받아 DB에 Insert 하는 함수 submit()을 작성합니다. 모든 함수의 finally 는 자원반납을 의미합니다. 그 후 jdbc 를 사용하기 위해 mysql-.. 더보기 [1강] 동빈나 JSP Ajax 실시간 익명 채팅 사이트 개발하기 (프로젝트 소개 및 화면 디자인) https://youtu.be/_eC_lbmoizg?list=PLRx0vPvlEmdAVcSdYgqjJ64A7ggHhorU_ Dynamic WebProject로 Anonymous(프로젝트명) 프로젝트를 생성합니다. web.xml 도 같이 생성되어야 합니다.(Next 두번, checkbox 체크) https://blog.naver.com/ndb796/221020960319 트위터 부트스트랩(Twitter Bootstrap) CSS 프레임워크 다운로드 JSP 게시판 만들기 등 제 강좌에서 사용된 부트스트랩 프레임워크 파일입니다. blog.naver.com 해당 블로그( 혹은 bootstrap 사이트)에서 파일을 다운받은 뒤 압축을 풉니다. 그 후 압축파일에 있는 css,fonts,js 폴더를 WebConten.. 더보기 이전 1 다음
