Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 이미지 수정 구현 이미지 수정 페이지에서 이미지를 삭제, 등록하는 작업을 목표로 합니다. ( 상품 등록페이지에 작성하였던 이미지 삭제, 등록 코드를 거의 그대로 사용할 것입니다.) 순서 1. 삭제 버튼 2. 이미지 등록 3. 정리 1. 삭제 버튼 삭제 버튼이 동작하도록 만들 것입니다. '수정' 페이지 에서의 이미지 등록과 삭제는 '상품 등록' 페이지에서의 등록과 삭제가 동일합니다. 따라서 goodsEnroll.jsp의 삭제 버튼을 동작시키는 자바스크립트 코드를 복사하여 태그 내부에 붙여 넣어줍니다. ※ 앞선..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 이미지 수정 구현 이미지 수정 기능 구현을 위한 전체적인 방향에 대해 생각해보고, 상품 수정 페이지에서 이미지가 출력을 목표로 합니다. 순서 1. 방향 2. 수정 페이지 이미지 출력 1. 방향 우리가 구현하고자 하는 바는 사용자가 상품 수정 페이지에서 기존의 상품의 이미지가 없다면 새로운 이미지를 등록하고, 기존의 이미지가 있다면 새로운 이미지를 등록 한 뒤 '수정 버튼'을 누르면 새로 추가하거나 수정 해준 이미지가 DB와 서버에 저장되는 것입니다. 이미지 수정 기능 구현은 기존 수정 구현때와 같이 데이터를..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 상품 상세 페이지 이미지 출력 저번 포스팅은 서버 측 작업을 하였고, 이번 포스팅에서는 뷰(view)에서 서버에 요청하여 전달받은 이미지 정보를 통해 이미지가 출력이 되도록 작업을 하고자 합니다. 순서 1. 태그 및 css 추가 1. 태그 및 css 추가 이미지가 출력될 태그를 추가해주겠습니다. goodsDetail.jsp파일에서 그림 1-1에 표시한 위치에 아래의 코드를 추가해줍니다.('책 목차' 입력란과 '수정 버튼' 사이) 상품 이미지 추가해준 태그의 css를 추가해주겠습니다. 추가해줄 코드가 짧기 때..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 상품 상세 페이지 이미지 출력 이미지를 등록한 상품의 조회(상세) 페이지에 DB에 저장된 이미지 정보를 활용하여 이미지를 출력시키는 것을 목표로 합니다. 순서 1. 방향 2. Service, Mapper 3. Controller 1. 방향 상품 상세 페이지에 이미지를 출력시키는 방식은 '상품 등록 페이지'에서 이미지를 등록 후 미리 보기 이미지를 출력했던 거와 같이 '/display? 이미지 정보' url을 요청하여 띄울 것입니다. 따라서 관건은 '상세 페이지'에 이미지 정보를 어떻게 전달해줄 것이냐입니다...