순서 1. 업로드 UI 추가 2. 선택한 파일 접근하기(JavaScript) 3. 파일 체크(JavaScript) 1. 업로드 UI 추가 사용자가 이미지를 추가할 수 있는 인터페이스를 추가해줬습니다. 'insertProduct.jsp' 페이지에서 상품 카테고리 선택 부분의 상단에 새로운 항목 공간을 추가해줍니다. 위에서 추가한 태그는 1개의 파일만 추가할 수 있는 형식입니다. 만약 여러 개의 파일을 추가하고 싶다면 'multiple' 속성을 부여해줍니다. 서버를 구동시켜서 '상품 등록' 페이지로 이동을 하면 다음과 같이 출력된 것을 볼 수 있습니다. 2. 선택한 파일 접근하기 사용자가 선택한 파일을 서버에 전송을 하기 위해서 선택된 파일에 접근하는 방법을 알아야 합니다. 먼저 파일 정보가 어떠한 형태로 ..
순서 1. 전체적 방향 2. 라이브러리 추가 3. web.xml 4. multipartResolver 등록 1. 전체적 방향 '상품 등록 페이지'에서 사용자가 이미지를 선택을 하고 다른 상품 정보를 다 작성한 뒤 '등록 버튼'을 눌렀을 때 상품 이미지를 업로드하고, 업로드 이미지 정보를 DB 저장을 하는 방식으로 구현했습니다. 해당 방식으로 했을 때 동작 방식은 다음과 같습니다. (뷰) 사용자가 이미지를 선택 => (뷰) 선택된 이미지 서버로 전송 => (서버) 전송받은 이미지 저장 후, 저장 한 이미지 정보 뷰로 재전송 => (뷰) 전송받은 데이터를 활용하여 이미지 미리 보기, 태그에 데이터 저장 => (뷰) '등록 버튼' 클릭 => (서버) 이미지 정보 DB 저장 서버에서 첨부 파일을 처리하기 위해서..
순서 1. Mapper 메서드 2. Service 메서드 3. Controller 메서드 4. View 처리 1. Mapper 메서드 상품 정보 삭제 쿼리를 수행하는 메서드를 AdminMapper.java 인터페이스에 추가합니다. /* 상품 정보 삭제 */ public int productsDelete(int product_id); AdminMapper.xml 앞서 선언한 메서드가 실행해야 할 태그와 쿼리문을 작성합니다. delete from product where product_id = #{product_id} 2. Service 메서드 AdminService.java 삭제 Mappper 메서드를 호출하는 Service 메서드를 작성했습니다. AdminService.java에 아래의 메서드 선언부를 ..
순서 1. Mapper 메서드 2. Service 메서드 3. Controller 메서드 4. View 처리 4.1 버튼 동작 4.2 유효성 검사 적용 4.3 '상품 관리(목록) 페이지' 4.4 테스트 1. Mapper 메서드 수정 쿼리를 수행하는 Mapper, Service, Controller 메서드를 만들었습니다. 먼저 Mapper 단계의 메서드부터 작업했습니다. AdminMapper.java 상품 정보 수정 쿼리를 실행하는 메서드 선언부를 작성합니다. /* 상품 수정 */ public int productsModify(SwanVO vo); AdminMapper.xml 앞서 작성한 메서드가 실행할 태그와 쿼리문을 작성합니다. update product set product_title = #{prod..
