Web
-
나프 - 게시판 만들기(1)Web/Spring 2023. 8. 2. 21:05
1. 3-Tier 방식의 이해 - Spring에서 DB 작업 간소화로 사용자 요구사항을 반영하고, 컨트롤러 비대해지는 것을 방지하기 위해 - Presentation Tier Persistence Tire의 3개의 Tire로 나누어 요청을 처리한다. Presentation: 웹/화면 계층, Controller(FrontController+POJO),JSP를 이용한 VIEW구성 담당 Business Tire : 비지니스 계층, 고객 요구사항 반영 로직을 기준으로 처리 (메서드 이름은 현실적인 로직의 이름을 붙이는 것이 관례이다.) 등록,회원검색,수정,삭제 등 Presentation 계층을 통해 메시지를 받고 DB와 협력하여 로직을 처리 Persistence Tire: 영속계층, 데이터에 대한 CRUD VO클..
-
Servlet-JSP MVC07 - 파일 삭제 하기Web/Servlet-JSP 2023. 7. 24. 20:52
1. 뷰 설정 삭제 버튼에 a태그로 자바스크립트 메서드 연결시켜두었다. function delFile(num,filename){ location.href="?num="+num+"&filename="+filename; } 삭제를 위한 컨트롤러와 연결 2. fileDeleteController public class FileDelController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String ctx = request.getContextPath(); //파일 이..
-
Servlet-JSP MVC07 - 파일 다운로드Web/Servlet-JSP 2023. 7. 23. 00:20
> 업로드된 파일을 다시 다운로드 받아보자. 1. MemberContent.jsp설정 파일 이름 출력하는 부분에 a태그를 걸었다. function getFile(filename){ location.href="?filename="+filename; } 파일 다운로드를 처리할 수 있는 컨트롤러로 가도록 설정 2. Controller public class FileGetController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //파일 읽어올 경로 설정 String f..
-
웹 어플리케이션 배포Web/환경설정 관련 2023. 7. 22. 23:45
1. 알아두어야할 사항 - Java EE는 WTP 플러그인을 기본적으로 포함한다. - WTP플러그인을 통해 이클립스에 등록된 임시 서버에 자동으로 웹 어플리케이션이 배치되고, 톰캣서버를 제어할 수 있다. - 만약 위와 같은 기능이 없다면, 프로젝트를 테스트하기 위해 매번 WAR파일로 만들어서, 톰캣서버 폴더 webapps에 이를 복사하고, 재시작하는 것을 반복해야한다. 2. 이클립스 임시 배치 폴더(톰캣 실행 환경) - 이클립스를 통해 자동으로 배포되는 임시 배치의 위치는 위와 같다. workspace\.metadata\.plugins\org.eclipse.wst.server.core (이클립스 워크플레이스를 통해 들어갈 수 있다.) - tmp폴더는 이클립스에 연동된 톰캣서버의 갯수(톰캣 실행 환경의 수..
-
Servlet-JSP MVC07 - 리스트에 이미지 띄우고, 상세페이지에서 파일보기Web/Servlet-JSP 2023. 7. 22. 23:35
1. 회원리스트에 이미지 띄우기 - MemberList.jsp에 회원정보 출력되는 테이블 휴대폰 번호 밑에 아래와 같이 이미지를 띄우도록 추가하면 된다. *이미지 파일의 경로는 루트디렉토리에 file_REPO폴더안에 있다. 태그를 이용해 루트 디렉토리는 자동으로 추가하고, 폴더명이랑 파일명만 적어두자 2. 회원상세페이지에 파일 띄우기 첨부파일 - 아래와 같이 div를 하나 추가해주자. - 삭제버튼을 추가했는데 로그인 + 첨부파일이 있을 경우에만 x버튼이 뜨도록 만들었다. 참고자료: 나프2탄(박매일) - 인프런 https://www.inflearn.com/course/%EB%82%98%ED%94%84-mvc-2/dashboard [NarP Series] MVC 프레임워크는 내 손에 [나프2탄] - 인프런 ..
-
Spring MVC02 - 다중파일 업로드Web/Spring 2023. 6. 30. 23:23
1. 파일 업로드를 위한 준비 API, servlet-context.xml설정 다중 파일 업로드를 위해 API를 다운받자. commons-fileupload, commons-io commons-fileupload commons-fileupload 1.2.1 commons-io commons-io 1.4 스프링 컨테이너에 servlet-context.xml 파일 업로드를 위한 클래스와 property를 설정해야한다. - 업로드할 파일의 최대사이즈와, 임시파일사이즈, 인코딩타입 등을 미리 정해두자 1.2 뷰 페이지 만들기 다중파일업로드 스프링 이용한 다중 파일 업로드 구현 Panel Content 아이디: 이름: 파일추가: 업로드 나프2탄고 form에 enctype ="multipart/form-data"로..
-
Spring MVC02 - Ajax MemberListWeb/Spring 2023. 6. 29. 21:49
- Servlet-jsp에서 ajax를 이용해서 회원리스트 보기를 했던 것과 동일한 작업을 할 것이다. 1. 화면 및 javascript 구성 회원리스트 출력 function btnClick(){ $.ajax({ url : "", type : "get", dataType : "json", success : resultHtml. error : function(){alert("error");} }); } function resultHtml(data){ console.log(data); var html = ""; html += " "; html += " 번호"; html += " 아이디"; html += " 비밀번호"; html += " 이름"; html += " 나이"; html += " 이메일"; html..
-
Spring MVC02 - 어노테이션을 이용한 Mapper 인터페이스 사용Web/Spring 2023. 6. 29. 21:19
- 사실 @Mapper 없어도 mybatis-spring scan을 통해 알아서 관리된다. (같은 패키지에 있고, namespace와 인터페이스명 같다면) - 어노테이션 이용방법 - 복잡한 sql아니면, 그냥 어노테이션으로 관리해도 된다. public interface MemberMapper { @Select("select * from member") public List memberList(); // 메서드 이름 sql id매칭 중요 @Insert(" insert into member(id, pass, name, age, email, phone)\r\n" + " values(\r\n" + " #{id},\r\n" + " #{pass},\r\n" + " #{name},\r\n" + " #{age},\r\..