Enhancement 54

[Kim-youngjae]

📌 관련 이슈

closed #54

✨ 과제 내용

주문 취소 및 장바구니 관련 기능 구현을 하던 도중 브라우저에서 상품 등록이 안되는 버그를 발견

이미지 바인딩이 잘못되었고, 상품 이미지 등록과 관련된 메서드가 작성이 안되어 있었음

물론 상세 페이지도 사진이 안뜨는 상황이었다.

해결

---

이유 - 1

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Value("${custom.uploadPath}")
    String uploadPath;

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/images/**")
                .addResourceLocations("file://" + uploadPath);
    }
}

정적 리소스에 대한 요청이 들어왔을 때 처리를 담당해주는 WebMvcConfigurer 를 구현한 WebMvcConfig 가 @Configuration (설정 관련 빈) 애너테이션이 없어 적용을 못해주고 있었다.

그리고 addResourceLocations 으로 업로드 경로를 설정해줄 때에 파일을 가지고 오는 것이기 때문에 “file://” 를 꼭 붙여 주어야 했다.

그래도 사진이 안 떳다.

이유 - 2

public void saveItemImg(ItemImg itemImg, MultipartFile itemImgFile) throws Exception {
    String oriImgName = itemImgFile.getOriginalFilename();

    String imgName = "";
    String imgUrl = "";

    // 파일 업로드
    if (!(oriImgName == null || "".equals(oriImgName))) { // TODO: isEmpty() -> Deprecated
        imgName = fileService.uploadFile(itemImgLocation, oriImgName, itemImgFile.getBytes());
        imgUrl = "/images/item/" + imgName;
    }

    itemImg.updateItemImg(oriImgName, imgName, imgUrl);
    itemImgRepository.save(itemImg);
}

db 에 url 경로가 잘 저장 되었음에도 불구하고 잘 불러와 지기까지 했는데 사진이 뜨지 않는 이유는 사진 경로를 절대 경로로 매핑해주지 않았기 때문이다.

그래서 imgUrl = "/images/item/" + imgName; → 꼭 제일 앞에 “ / ” 를 붙여주자… 이렇게 해야 사진이 제대로 뜬다.

그 이외에도 다른 경로가 지정이 잘 되었는지 확인해보는 것도 방법이 될 수 있다.

📸 스크린샷(선택)

상품 이미지가 바인딩 되지 않음

📚 레퍼런스 (또는 새로 알게 된 내용) 혹은 궁금한 사항들