순서 1. 방향성 2. 메서드 작성 1. 방향성 이미지 삭제 기능을 수행하는 URL 매핑 메서드를 작성했습니다. 이미지 파일 삭제를 위해 가장 핵심이 되는 메서드는 File 클래스의 delete() 메서드입니다. 해당 메서드를 사용하기 위해선 File 클래스를 인스턴스화 하여 사용해야 합니다. 삭제할 파일을 대상으로 하는 File 객체를 생성하기 위해 생성자에 대상 파일의 경로인 문자열 데이터를 파라미터로 부여해야 합니다. 따라서 삭제할 대상의 파일 경로가 필요하기 때문에 URL 매핑 메서드의 파라미터로 파일 경로인 fileName을 부여했습니다. 파일 삭제를 수행하는 URL 매핑 메서드는 뷰에서 비동기 방식으로 요청을 하고 수행 결과를 반환하기 때문에 비동기 요청을 수행하도록 작성했습니다. 비동기 요청..
순서 1. 태그 추가 및 CSS 설정 추가 2. 이미지 출력 메서드 작성(showUploadImage()) 3. 사용자가 정의한 값 즉 이미지만 선택할 수 있도록 태그에 속성 추가 4. encodeURIComponent() 메서드 적용 1. 태그 추가 및 CSS 설정 추가 업로드 파일 선택 태그 바로 아래 업로드 한 이미지를 볼 수 있도록 코드를 추가했습니다. 이후 CSS 설정을 추가했는데, 따로 작성하지 않고 해당 insertProduct.jsp 파일에 바로 추가했습니다. 2. 이미지 출력 메서드 작성(showUploadImage()) AJAX success 속성의 콜백 함수에 전달받은 이미지 데이터를 활용하여 이미지가 출력되도록 코드를 작성했습니다. 작성할 코드량이 많았기 때문에 콜백 함수 내부에 작..
순서 1. 전체 방향 2. URL 매핑 메서드 작성 및 File 객체 생성 3. 'Content Type' 명시 및 데이터 파일 변환 4. 테스트 1. 전체 방향 '파일 경로(유동 경로)' + '파일 이름' 데이터를 파라미터로 전달받고, 해당 데이터에 맞는 이미지 파일을 찾아 뷰(VIEW)에 이미지 데이터를 전송했습니다. 이미지 파일을 주고받기 위한 데이터 타입은 byte 배열(byte [])로 했습니다. 이미지 파일은 바이너리 파일 범주에 들어가기 때문입니다. URL 매핑 메서드의 반환 타입은 ResponseEntity 객체를 사용했습니다. ResponseEntity의 경우 HTTP response 메시지의 header와 status를 조작할 수 있기 때문입니다. 이미지 출력 메서드 구현 방식 파라미터..
순서 1. 전체적 방향 2. MIME TYPE 데이터 얻기 3. MIME TYPE 체크 및 데이터 반환 4. 뷰(VIEW) 처리 5. 테스트 1. 전체적 방향 전달받은 파일이 이미지인지 체크하기 위해 파일의 MIME TYPE 속성을 활용했습니다. MIME TYPE이란 파일이 어떠한 종류의 파일인지에 대한 정보가 담긴 라벨(Label)입니다. Java에선 파일의 MIME TYPE을 반환해주는 메서드를 제공하는데, nio 패키지 Files 클래스의 probeContentType() 메서드입니다. probeContentType() 메서드를 호출하여 반환받은 MIME TYPE에 대한 데이터가 image인지 확인하여 image인 경우 업로드 코드가 그대로 실행되고, 아닌 경우 상태 코드 400을 뷰에 반환하도록 ..
