목록이미지 출력 (3)

Kim VamPa

[Spring][쇼핑몰 프로젝트][32] 상품 목록 화면 구현(이미지 출력)

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 상품 목록 화면 상품 이미지 출력 저번 포스팅에서 구현한 상품 목록 화면에 '상품 이미지'가 출력되도록 구현하는 것이 목표입니다. 순서 1. 구현 방향 2. BookServiceImpl.java 3. search.jsp 4. 테스트 1. 구현 방향 상품 목록 페이지에 상품 이미지를 넣기 위해 작성해둔 태그가 있습니다. 해당 태그 내부에 상품에 대한 이미지를 출력시키고, 이미지가 없다면 이미지 없음을 뜻하는 이미지를 출력시키는 것이 목표입니다. 구현의 마지막 단계에서는 BookController.java 클래..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 9. 17. 10:00
[Spring][쇼핑몰 프로젝트][25] 업로드 이미지 출력 -2

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 업로드 이미지 출력 구현 저번 포스팅에서는 이미지를 출력시켜는 메서드를 작성하였었습니다. 이번엔 이 메서드를 활용하여 '상품 등록 페이지'에서 업로드한 이미지를 선택하였을 때 미리 보기 할 수 있도록 구현해보겠습니다. 순서 1. 태그 추가 및 css 설정 추가 2. 이미지 출력 메서드 작성(showUploadImage()) 3. encodeURIComponent() 적용 1. 태그 추가 및 css 설정 추가 업로드 파일 선택 태그 바로 밑에 업로드 한 이미지를 볼 수 있도록 코드를 추가할 것입니다. 추가할 ..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 5. 25. 21:37
[Spring][쇼핑몰 프로젝트][25] 업로드 이미지 출력 -1

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 업로드 이미지 출력 구현 이번 포스팅부터는 비동기 방식으로 url을 호출하면 이미지를 반환해주는 url 매핑 메서드를 구현할 것입니다. 이 메서드는 저번 포스팅에 이어서 구현해야 할 상품 등록 페이지에서의 미리 보기 이미지뿐만 아니라 앞으로 사용자가 검색을 하였을 때 볼 수 있는 이미지들을 출력하는데도 사용될 것입니다. 순서 1. 전체적 방향 2. url 매핑 메서드 작성 및 File 객체 생성 3. 'Content Type' 명시 & 데이터 파일 반환 4. 테스트 1. 전체적 방향 이번에 구현할 url 메..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 5. 21. 10:00
Prev 1 Next