목록스프링 프레임워크 (162)

Kim VamPa

[Spring][쇼핑몰 프로젝트][27] 업로드 이미지 정보 등록 - 1

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 업로드 이미지 정보 DB 등록 업로드한 이미지 정보를 상품 등록과정에서 함께 DB에 등록되도록 구현을 목표로 합니다. 순서 1. 테이블 생성 2. BookVO 3. 태그 추가 4. 테스트 1. 테이블 생성 이미지 업로드로 인해 생성된 이미지에 대한 정보(uuid, uploadPath, fileName)를 DB에 등록할 수 있도록 테이블을 생성할 것입니다. 테이블을 생성하기 앞서 이미지 정보를 등록하는 방식에 대해 간단히 생각해보겠습니다. 등록하고자 하는 이미지에 대한 정보는 상품에 대한 이미지 정보입니다. ..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 6. 3. 23:13
[Spring][쇼핑몰 프로젝트][26] 업로드 이미지 삭제 - 2

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 이미지 삭제 기능 구현 뷰에서 이전 포스팅에서 작성한 서버 단계에서의 파일 메서드를 호출할 수 있도록 작업할 것입니다. 순서 1. 삭제 버튼 태그 data 속성 삽입 2. 삭제 메서드 작성 3. 메서드 적용 4. 테스트 1. 삭제 버튼 태그 data 속성 삽입 업로드 이미지 출력 포스팅에서 이미지를 업로드를 하면 태그가 추가되어 썸네일 이미지가 뷰에 출력되도록 했습니다. 새로 출력되는 태그들 중 이미지 삭제를 위해 만든 class 속성 값이 imgDeleteBtn 인 태그가 있는데, 해당 태그에 파일 경로 ..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 6. 2. 19:08
[Spring][쇼핑몰 프로젝트][26] 업로드 이미지 삭제 - 1

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 이미지 삭제 기능 구현 최종 목표는 이미지 삭제 기능 구현이며 이번 포스팅에서는 서버 단계에서 이미지 삭제를 처리하는 url 매핑 메서드 구현을 목표로 합니다. 순서 1. 방향 2. 메서드 작성 1. 방향 이미지 삭제 기능을 수행하는 url 매핑 메서드를 작성할 것입니다. 이미지 파일 삭제를 위해 가장 핵심이 되는 메서드는 File 클래스의 delete()입니다. 이 메서드를 사용하기 위해선 File 클래스를 인스턴스화 하여 사용해야 합니다. 삭제될 파일을 대상으로 하는 File 객체를 생성하기 위해선 생성..
스프링 프레임워크/쇼핑몰 프로젝트 2021. 5. 31. 16:48
[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
Prev 1 ··· 16 17 18 19 20 21 22 ··· 41 Next