AJAX (Asynchronous JavaScript and XML) 참조 https://www.w3schools.com/js/js_ajax_intro.asp 웹페이지 전체를 reload하지 않고, 일부분만 새로고침(reload) 하는 기술 방식 비동기식 통신(문자단위 통신) 전체 페이지는 1번만 불러오고, 그 이후에는 문자단위(비동기)로 통신이 이루어 진다 자바스크립의 XMLHttpRequest객체를 이용하지만, 사용문법이 복잡해서 jQuery 오픈소스의 ajax()함수를 많이 이용한다 https://www.egovframe.go.kr/wiki/doku.php?id=egovframework:rte3.9:ptl:jquery_ajax egovframework:rte3.9:ptl:jquery_ajax [eG..
● Spring Boot Project기반 mymelon 프로젝트 카페24 서버에 올리기 ※ cafe24 웹호스팅으로 실습하는 경우 ※ 기존에 서비스가 진행되고 있는 페이지가 있다면 초기화한후 테스트 합니다 www.cafe24.com -> 로그인 -> 나의 서비스관리 -> 계정초기화 -> Tomcat초기화 1. 카페24 MariaDB 테이블 생성 CREATE TABLE mediagroup( mediagroupno int NOT NULL PRIMARY KEY, title varchar(100) NOT NULL ); CREATE TABLE media( mediano int NOT NULL PRIMARY KEY, title varchar(300) NOT NULL, rdate datetime NOT NULL, ..
list 페이지에서 수정 버튼을 클릭하면 get방식으로 update.do가 실행 MediaCont.java @RequestMapping(value = "/media/update.do", method = RequestMethod.GET) public ModelAndView updateForm(int mediano) { ModelAndView mav = new ModelAndView(); mav.setViewName("media/updateForm"); MediaDTO dto = dao.read(mediano); mav.addObject("dto", dto); return mav; }//updateForm() end get방식으로 update.do가 실행되면 updateForm 실행 수정하려는 글 번호에 대..
list.jsp MediaCont.java @RequestMapping(value = "media/delete.do", method = RequestMethod.GET) public ModelAndView deleteForm(int mediano) { ModelAndView mav = new ModelAndView(); mav.setViewName("media/deleteForm"); mav.addObject("mediano", mediano); //삭제할 글번호 return mav; }//deleteForm() end deleteForm.jsp 음원 삭제 음원을 삭제하시겠습니까? ※ 관련 미디어 파일(mp3, mp4)도 전부 삭제됩니다 MediaCont.java @RequestMapping(value ..
list.jsp MediaCont.java @RequestMapping("/media/read.do") public ModelAndView read(int mediano) { ModelAndView mav = new ModelAndView(); MediaDTO dto = dao.read(mediano); if(dto!=null) { String filename = dto.getFilename(); //파일명 가져오기 filename.toLowerCase(); //파일명 전부 소문자로 바꾸기 if(filename.endsWith(".mp3")) { //마지막 문자열이 .mp3인지? mav.setViewName("media/readMP3"); } else if(filename.endsWith("mp4")) ..
create.do라고 하면 현재 media에 있기 때문에 media 안에서 create.do를 찾게 된다. (./create.do와 같다.) ../create.do는 현재 media에서 한 수준 위로 올라간 곳에서 create.do를 찾으라는 의미이다. /create.do는 절대경로로 Root, 즉 localhost:9095 밑에서 create.do를 찾는다. request로 받을 수도 있지만 DTO로도 받는 것이 가능하다. MediaCont.java 아래 파일을 net.utility 패키지에 저장한다. @RequestMapping(value = "/media/create.do", method = RequestMethod.POST) public ModelAndView createProc(@ModelAtt..
