시간 처리 XML이나 JSON 형태로 데이터를 받을 때는 순수하게 숫자로 표현되는 시간 값이 나오게 되어있으므로, 화면에서는 이를 변환해서 사용해야한다. 날짜 포멧의 경우 문화권마다 표기 순서 등이 다르기때문에 화면에서 포멧을 처리하는 방식을 권장한다. 최근 웹페이지들을 보면 해당일에 해당하는 데이터는 시 / 분 / 초 를 보여주고, 전날에 등록된 데이터들은 년 / 월 / 일 등을 보여주는 경우가 많다. /webapp/resources/js reply.js displayTime() ...더보기 console.log("Reply Module........"); var replyService = (function() { function add(reply, callback, error) { console.lo..

이벤트 처리 [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..