이벤트 처리 [B -2-42] Ajax 댓글 처리 15 까지는 Ajax 처리까지 완료됐음을 알 수 있다. 나머지 작업은 화면에서 버튼 등에서 발생하는 이벤트를 감지하고, Ajax 호출의 결과를 화면에 반영하는 것이다. 댓글 목록 처리 views/board get.jsp 댓글 목록 표시 영역 태그 ...더보기 게시판 조회 게시글 조회 페이지 글 번호 작성자 제목 내용 수정 목록 댓글 목록 댓글 작성 댓글의 목록을 위해서 별도의 태그를 생성해서 처리한다. 게시글 관련 화면 아래쪽에 태그를 추가한다. (댓글 표시 영역 코멘트) 댓글의 목록은 태그 내에 태그를 이용해서 처리하게 된다. 각 태그는 하나의 댓글을 의미하므로 수정이나 삭제 시 이를 클릭하게 한다. 수정이나 삭제 시에는 반드시 댓글 번호가 필요하다. ..

자바스크립트 모듈 조회처리 /webapp/resources/js reply.js get() 더보기 console.log("Reply Module........"); var replyService = (function() { function add(reply, callback, error) { console.log("add reply..............."); $.ajax({ type : 'post', url : '/replies/new', data : JSON.stringify(reply), contentType : "application/json; charset=utf-8", success : function(result, status, xhr) { if (callback) { callback(r..

자바스크립트 모듈 수정처리 /webapp/resources/js reply.js update() 더보기 console.log("Reply Module........"); var replyService = (function() { function add(reply, callback, error) { console.log("add reply..............."); $.ajax({ type : 'post', url : '/replies/new', data : JSON.stringify(reply), contentType : "application/json; charset=utf-8", success : function(result, status, xhr) { if (callback) { callbac..

자바스크립트 모듈 삭제 및 갱신처리 /webapp/resources/js reply.js remove() 더보기 console.log("Reply Module........"); var replyService = (function() { function add(reply, callback, error) { console.log("add reply..............."); $.ajax({ type : 'post', url : '/replies/new', data : JSON.stringify(reply), contentType : "application/json; charset=utf-8", success : function(result, status, xhr) { if (callback) { ca..

자바스크립트 모듈 목록 처리 사전에 REST API 서버 호출해서 현재 댓글 목록 상태 확인 http://localhost/replies/pages/{댓글이 달린 게시글 번호}/1 http://localhost/replies/pages/{댓글이 달린 게시글 번호}/1.json REST API 서버로부터 받은 순수 데이터들 목록을 알 수 있다. /webapp/resources/js reply.js getList() 더보기 console.log("Reply Module........"); var replyService = (function() { function add(reply, callback, error) { console.log("add reply..............."); $.ajax({ ty..

자바스크립트 준비 자바스크립트의 모듈화 화면에서 사용되는 제이쿼리는 막강한 기능과 다양한 플러그인을 통해 많은 프로그램에서 기본으로 사용된다. 특히 Ajax를 이용하는 경우에는 제이쿼리의 함수를 이용해서 아주 간단히 처리할 수 있기 때문에 많이 사용된다. 이렇게 작업하다보면 귀차니즘으로 인해 한 페이지 내에서 자바스크립트들이 막 섞여서 유지보수하기 힘든 코드가 되는 경우가 많은데, 이 경우를 대비해서 좀 더 자바스크립트를 하나의 모듈처럼 구성하는 방식을 이용하는 게 좋다. 자바스크립트에서 제일 많이 사용하는 패턴 중 하나는 모듈 패턴이다. 모듈 패턴은 관련 있는 함수들을 하나의 모듈처럼 묶음으로 구성하는 것을 의미한다. 자바스크립트의 클로저를 이용하는 가장 대표적인 방법이다. 자바스크립트 모듈 등록 처리..