순서 1. 이미지 정보를 객체에 저장 2. RequestEntity 리턴 3. RequestMapping produces 속성 추가 4. AJAX success 속성 추가(뷰) 5. 테스트 1. 이미지 정보를 객체에 저장 이미지 한 개만을 처리하는 경우 AttachImageVO를 인스턴스화 하여 각 정보를 바로 담으면 됩니다. 하지만 제 프로젝트에서 업로드를 수행하는 URL 매핑 메서드의 경우 여러 개의 이미지 파일을 전달받고 처리할 수 있도록 설계되어 있습니다. 따라서 ArrayList 자료 구조를 활용했습니다. for 문 밖 상단에 List 타입의 참조 변수를 선언하고 ArrayList 생성자로 초기화합니다. /* 이미저 정보 담는 객체 */ List list = new ArrayList(); for..
순서 1. 고려사항 2. AttachImageVO 3. Jackson-databind 라이브러리 추가 1. 고려사항 왜 정보를 보내는가? 업로드한 이미지 정보를 상품 등록 과정에서 함께 DB에 저장하기 위해서입니다. 또한 업로드한 이미지를 사용자가 미리 볼 수 있도록 하기 위함입니다. 어떤 정보를 보낼 것인가? DB에 업로드한 이미지 정보를 저장한다는 것은 결국 이미지를 화면에 출력하기 위함입니다. 따라서 이미지를 화면에 출력시키기 위해 이미지가 저장된 경로와 파일의 이름이 필요합니다. 뷰로 전송할 이미지 정보는 곧 DB에 저장될 데이터이기 때문에 어떤 방식으로 보관할 것인지 정해야 합니다. 저는 파일 경로와 파일 이름 데이터를 따로 보관 및 관리하는 방법으로 진행했습니다. 어떤 방식으로 뷰에 전송할 것..
순서 1. 비율 축소 적용 2. 이미지 생성 및 저장(Thumbnailator 라이브러리 사용) 1. 비율 축소 적용 원본 이미지 크기를 개발자가 지정한 비율에 따라 축소되도록 보완했습니다. 먼저 bo_image를 선언 및 초기화한 코드 아래에 비율을 저장할 변수를 선언합니다. 비율은 소수점 값으로도 지정할 수 있도록 double 타입으로 했습니다. double ratio = 3; 원본 이미지 비율을 지정 값으로 줄이기 위해선 원본 이미지 너비와 높이를 위에서 지정한 비율로 나누면 됩니다. 해당 작업을 위해 원본 이미지의 너비와 높이를 알아내야 하는데, BufferedImage 클래스의 getWidth(), getHeight() 메서드를 사용하면 됩니다. 원본 이미지인 bo_image 객체에 getWid..
썸네일 이미지 생성 및 저장 이미지가 여러 개인 경우, 특히 저장된 이미지가 용량이 큰 경우엔 홈페이지를 운영하는 사람과 홈페이지를 사용하는 사람 모두에게 부담이 됩니다. 이미지를 많이 호출하게 되면 트래픽량을 많이 소모하는 원인이 됩니다. 서버를 대여해서 해당 홈페이지를 운영하는 입장에선 트래픽량에 따라 지불해야 되는 비용이 달라지기 때문에 민감한 사항입니다. 해당 홈페이지를 사용하는 이용자 입장에선 데스크톱, 노트북으로 이용하는 경우엔 부담이 덜하지만, 휴대폰을 통해 특히 와이파이를 사용하지 않고 이미지를 많이 호출하는 페이지로 이동할 경우 로딩 시간과 데이터 소모량이 많게 됩니다. 따라서 원본 이미지를 보여주는 것이 아닌 원본보다 크기를 줄인 이미지 즉 썸네일을 보여준다면, 위의 문제점을 다소 보완..
