썸네일 이미지 생성 및 저장 이미지가 여러 개인 경우, 특히 저장된 이미지가 용량이 큰 경우엔 홈페이지를 운영하는 사람과 홈페이지를 사용하는 사람 모두에게 부담이 됩니다. 이미지를 많이 호출하게 되면 트래픽량을 많이 소모하는 원인이 됩니다. 서버를 대여해서 해당 홈페이지를 운영하는 입장에선 트래픽량에 따라 지불해야 되는 비용이 달라지기 때문에 민감한 사항입니다. 해당 홈페이지를 사용하는 이용자 입장에선 데스크톱, 노트북으로 이용하는 경우엔 부담이 덜하지만, 휴대폰을 통해 특히 와이파이를 사용하지 않고 이미지를 많이 호출하는 페이지로 이동할 경우 로딩 시간과 데이터 소모량이 많게 됩니다. 따라서 원본 이미지를 보여주는 것이 아닌 원본보다 크기를 줄인 이미지 즉 썸네일을 보여준다면, 위의 문제점을 다소 보완..
순서 1. 파일 저장 2. UUID 적용 1. 파일 저장 뷰로 전달받은 파일을 지정한 폴더에 저장하기 위해 MultipartFile 클래스의 transferTo() 메서드를 사용했습니다. 사용 방법은 전달받은 파일인 MultipartFile 객체에 저장하고자 하는 위치를 지정한 File 객체를 파라미터로 하여 transferTo() 메서드를 호출하는 것입니다. MultipartFile.transferTo(File detination); 위의 메서드를 사용하기 위해 저장될 파일 이름과 위치 전체를 포함하는 File 객체를 만들어줍니다. 파일 이름의 경우 뷰로부터 전달받은 파일 이름을 그대로 사용하기 위해 getOriginalFilename() 메서드를 사용합니다. 파일의 경로는 uploadPath 변수를 ..
순서 1. 방향성 2. 날짜 경로를 문자열로 얻기 3. 폴더 생성(File 객체 사용) 4. 테스트 1. 방향성 저는 기본적으로 C:\upload 경로에 이미지 파일을 저장했습니다. C 경로에 upload 폴더를 생성합니다. 더불어 설정한 용량을 초과하는 파일들을 C:\upload 경로에 있는 temp 폴더에 저장되도록 설정하는 코드를 추가했기 때문에 upload 폴더 내에 temp 폴더를 생성했습니다. 업로드될 이미지 파일들을 C:\upload 폴더에 저장시켜도 상관없지만, 매우 많은 파일을 한 곳에 업로드할 경우, 업로드된 이미지를 호출할 때 애플리케이션 내에서 호출한 파일을 찾기 위해 upload 전체를 스캔하게 되는데, 그 과정에서 많은 자원이 소모될 수 있습니다. 이러한 문제점을 보완하기 위해 ..
순서 1. 업로드 UI 추가 - FormData 2. 첨부 파일 서버 전송 3. URL 매핑 메서드 1. 업로드 UI 추가 - FormData 첨부 파일을 서버로 전송하기 위해선 FormData 객체를 사용해야 합니다. FormData는 가상의 태그라고 생각하면 됩니다. 흔히 View에서 서버로 데이터를 전송하기 위해 태그를 사용했습니다. 화면 이동을 하면서 서버로 첨부 파일을 전송하는 것이라면 태그를 사용하면 됩니다. 하지만 상품 등록을 위해 화면의 이동 없이 첨부 파일을 서버로 전송해야 하기 때문에 FormData 객체를 생성하여 첨부 파일을 FormData에 저장하고 FormData 자체를 서버로 전송해야 합니다. 먼저 태그의 change 메서드 구현부에 FormData 객체를 인스턴스화 하여 변수..
