티스토리

Kim VamPa

검색하기

블로그 홈

Kim VamPa

kimvampa.tistory.com/m

Kim VamPa 님의 블로그입니다.

구독자: 22

방명록 방문하기

주요 글 목록

[Spring][쇼핑몰 프로젝트][52] 메인페이지 평점 순 상품 노출(뷰 처리) 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 메인 페이지 평점 높은 상품 노출 메인 페이지에 평점이 높은 순서의 상품이 노출되도록 하는 것이 목표입니다. 순서 1. 개요 2. 구현 3. 포스팅을 마치며 1. 개요 평점 순으로 정렬된 상품을 노출시킬 곳은 메인 페이지의 중앙입니다. 이 곳엔 아래 그림과 같은 형식으로 집어넣을 것입니다. 상품 하나의 형식은 아래와 같이 할 것입니다. 하나하나씩 구현해 보겠습니다. 2. 구현 태그추가 "slide_div_wrap" 태그 바로 다음 공간에 아래의 태그를 추가해줍니다 - JSTL의 태그를 통해 서버로부터 전달받.. 공감수 15 댓글수 44 2022. 2. 10.
[Spring][쇼핑몰 프로젝트][52] 메인페이지 평점 순 상품 노출(서버처리) 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 메인 페이지 평점 높은 상품 노출 메인 페이지에 평점이 높은 순서의 상품이 노출되도록 하는 것이 목표입니다. 순서 1. 개요 2. DTO 클래스 3. Mapper 4. Service 5. Controller 1. 개요 메인페이지에 평점이 높은 상품 노출을 구현하고자 합니다. 한 화면에 4개의 상품이 노출될 것이며 슬라이드 형식으로 넘기기 버튼을 클릭하면 다음 4개가 노출되도록 만들어 줄 것입니다. 노출 시킬 정보는 '상품 이미지', '상품 이름', '상풍 카테고리', '상품 평점'입니다. 전체적인 흐름은 D.. 공감수 2 댓글수 2 2022. 2. 8.
[Spring][쇼핑몰 프로젝트][51] 메인페이지 슬라이드(slick 적용) 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 메인 페이지 슬라이드 구현 메인 페이지에 화면 중앙에 슬라이드 구현을 목표로 합니다. 순서 1. 개요 2. slick 라이브러리 설치 3. 슬라이드 구현 1. 개요 메인 페이지에 상품 혹은 홍보하고 싶은 그림을 노출시킬 수 있는 슬라이드를 구현하는 것이 목표입니다. 슬라이드 구현은 javascript, css를 직접 작성하거나, 슬라이드 구현을 쉽게 할 수 있도록 다른 프로그래머가 만들어 놓은 라이브러리를 이용하는 방법이 있습니다. 이번 포스팅에선 직접 구현이 아닌 라이브러리를 사용해서 구현해보도록 하겠습니.. 공감수 5 댓글수 0 2022. 2. 3.
[Spring][쇼핑몰 프로젝트][50] 상품 테이블 평균 평점 반영 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 상품 테이블 평점 적용 vam_book테이블에 ratingAvg컬럼을 추가하고 댓글 '등록', '수정', '삭제'할 때 해당 상품의 평균 평점 값이 최신화되도록 기능을 구현할 것입니다. 순서 1. 개요 2. 컬럼추가 3. DTO 4. Mapper 5. Service 6. 테스트 7. 보완 1. 개요 vam_book 테이블에 ratingAvg컬럼을 추가해 줄 것입니다. 이 컬럼의 목적은 해당 상품 평점의 평균 값이 저장되도록 하는 것이 목적입니다. 이번 포스팅에선 이 컬럼의 값이 댓글 등록, 수정, 삭제될 때.. 공감수 4 댓글수 5 2022. 1. 20.
[Spring][쇼핑몰 프로젝트][49] 댓글 삭제 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 삭제 기능 구현 댓글 삭제 기능 구현을 목표로 합니다. 순서 1. 개요 2. 서버 2.1 Mapper 2.2 Service 2.3 Controller 3. 뷰 4. 테스트 1. 개요 이번 포스팅은 댓글 삭제 기능 구현을 목표로 합니다. 구현하고자 하는 댓글 삭제 동작은 다음과 같습니다. - 회원이 '상품 상세 페이지(goodsDetail.jsp)'의 자신의 댓글에 있는 '삭제' 버튼을 누르면 서버에 댓글 삭제가 요청된다. - 서버에선 요청받은 댓글 정보를 DB에서 삭제하는 작업을 처리한다. - 상품 상.. 공감수 2 댓글수 1 2022. 1. 19.
[Spring][쇼핑몰 프로젝트][48] 댓글 수정 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 수정 기능 구현 댓글 수정 기능의 뷰 구현을 목표로 합니다. 순서 1. 상품 상세페이지 '수정' 버튼 동작 2. 수정 팝업창 2.1 기본 틀 2.2 DB 등록 데이터 출력 2.3 버튼 동작 3. 테스트 1. 상품 상세페이지 '수정 버튼 동작(goodsDetai.jsp) views 디렉토리에 있는 goodsDetail.jsp 파일의 태그 내부에 회원이 '댓글 수정' 버튼을 클릭했을 때 동작하는 메서드를 작성합니다. (동적으로 추가된 태그에 접근하기 위해 아래의 코드와 같은 방식으로 작성했습니다.) /* .. 공감수 4 댓글수 3 2022. 1. 18.
[Spring][쇼핑몰 프로젝트][48] 댓글 수정 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 수정 기능 구현 댓글 수정 기능 구현을 목표로 합니다. 순서 1. 개요 2. 댓글 수정 요청 처리 2.1 Mapper 2.2 Service 2.3 Controller 3. 댓글 수정 팝업창 뷰 반환 3.1 Mapper 3.2 Service 3.3 Controller 1. 개요 이번 포스팅부터 댓글 수정 기능 구현을 목표로 합니다. 아래는 댓글 수정 작업 흐름입니다. - 회원이 자신이 작성한 댓글의 '수정' 버튼을 클릭한다. - 수정을 할 수 있는 팝업창이 뜬다. - 팝업창에는 자신이 기존에 작성했던 평.. 공감수 4 댓글수 0 2022. 1. 17.
[Spring][쇼핑몰 프로젝트][47] 댓글 페이징 - 4 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 이전 포스팅에서 댓글의 날짜가 이상한 형식으로 출력되었는지 이를 해결하고자 합니다. 더불어 페이지 이동 버튼이 동작하도록 JS코드를 추가해줄 것입니다. 순서 1. 날짜 변환 형식 지정 2. 댓글 페이지 이동 버튼 3. 테스트 1. 날짜 변환 형식 지정 이전 포스팅에서 댓글 출력은 정상적으로 되었지만 날짜가 이상한 형식의 숫자가 출력되어져 있었습니다. 이를 제가 원하는 "yyyy-MM-dd"형식의 날짜로 출력되도록 만들 것입니다. 'java date json' 키워드를 통해 구글링을 해.. 공감수 3 댓글수 2 2022. 1. 14.
[Spring][쇼핑몰 프로젝트][47] 댓글 페이징 - 3 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 이전 포스팅에서 작성했던 댓글 리스트 출력 Javscript 코드를 리팩터링(메서드 추출)합니다. 그리고 댓글 등록, 수정, 삭제, 페이지 이동 시 댓글 리스트를 초기화해주는 메서드를 만드는 것이 목표입니다. 을 해보겠습니다. 순서 1. 메서드 추출 2. 댓글 초기화 메서드(등록, 수정, 삭제, 페이지 이동) 3. 댓글 초기화 메서드 적용(댓글 등록) 1. 메서드 추출 앞선 포스팅에서 작성한 댓글을 동적으로 만들어 내는 코드는 페이지가 처음 열릴때 동작하는 코드입니다. 그런데 댓글을 .. 공감수 3 댓글수 0 2022. 1. 13.
[Spring][쇼핑몰 프로젝트][47] 댓글 페이징 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 저번 포스팅에 이어서 이번 포스팅에선 댓글 페이징 뷰 측 구현을 목표로 합니다. 순서 1. 만들어낼 태그 2. 동적 태그 생성(Javascript) 3. 메서드 추출 1. 만들어낼 태그 저번 포스팅에서 말했듯이 서버로부터 반환받은 댓글 페이지 정보를 활용해서 동적으로 태그를 만들어 내야 합니다. 댓글을 만들어 내는 Javascript 코드 작업해 주기 전, 동적으로 어떠한 태그를 만들어 줄지 정적으로 먼저 만들어 보겠습니다. "content_bottom" 태그 내부에 작성해둔 태그 바.. 공감수 4 댓글수 0 2022. 1. 12.
[Spring][쇼핑몰 프로젝트][47] 댓글 페이징 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 '상품 상세 페이지에' 페이징 된 등록 댓글 리스트 구현을 목표로 합니다. 순서 1. 개요 2. DTO 3. Mapper 4. Service 5. Controller 6. 정리 1. 개요 "상품 상세 페이지"에 등록되어 잇는 댓글 리스트를 볼 수 있도록 구현할 것입니다. 그리고 10개 이상의 댓글이 존재하는 경우 페이징을 적용해서 댓글 페이지 버튼을 통해 10개 단위의 댓글들을 볼 수 있도록 구현할 것입니다. 큰 흐름에서는 기존해 하던 페이징 구현과 동일합니다. 하지만 기존 구현과는 .. 공감수 3 댓글수 0 2022. 1. 11.
[Spring][쇼핑몰 프로젝트][46] 댓글 체크 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 체크 기능 구현 저번 포스팅에 이어서 댓글 체크 기능 구현 뷰 구현을 목표로 합니다. 순서 1. 뷰 구현 1. 뷰 구현 goodsDetail의 댓글 등록 버튼 Javascript 메서드(엄밀히 말하면 Jquery 메서드)의 구현부 중 팝업창을 띄우는 코드 부분(그림 1-1)을 주석 처리해줍니다. 주석처리 한 코드는 댓글 체크를 서버에 요청 후 댓글이 없다는 결과 값을 받았을 때 동작하도록 만들어 줄 것입니다. 댓글 체크를 요청하는 ajax 코드를 작성합니다. $.ajax({ data : { bookId.. 공감수 6 댓글수 0 2022. 1. 10.
[Spring][쇼핑몰 프로젝트][46] 댓글 체크 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 체크 기능 구현 댓글 등록 전 회원이 이전에 등록한 댓글이 있는지 확인하는 기능 구현을 목표로 합니다. 순서 1. 개요 2. Mapper 3. Service 4. Controller 1. 개요 이전 댓글 테이블(vam_reply) 생성했을 때 회원이 하나의 상품에 대해서 한 번의 댓글을 달 수 있도록 memberId, bookId 두 컬럼을 대상으로 UNIQUE 제약 조건을 걸었습니다. 그렇기 때문에 회원이 이미 등록한 댓글이 있는 상태에서 댓글을 한 번 더 등록을 한다면 에러가 발생합니다. 따라서 이.. 공감수 4 댓글수 5 2022. 1. 7.
[Spring][쇼핑몰 프로젝트][46] 댓글 등록 - 3 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 등록 기능 구현 댓글 등록 기능 구현 마무리가 목표입니다. 순서 1. 리뷰 등록 팝업창 태그 & css 2. 리뷰 등록 팝업창 Javascript 3. 테스트 1. 리뷰 등록 팝업창 태그 & css 데이터가 넘어 오는 지 확인하기 위해 작성했던 표현식은 지워 줍니다. Jquery를 사용 할 것이기 때문에 연결 코드를 태그 내부에 추가합니다. 리뷰 등록 관련 팝업창 css는 따로 파일을 만들어 주지 않고 html에 추가해주겠습니다. 태그 내부 제일 하단에 아래의 css 설정 코드를 추가해줍니다. 본격적으.. 공감수 3 댓글수 0 2022. 1. 6.
[Spring][쇼핑몰 프로젝트][46] 댓글 등록 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 등록 기능 구현 리뷰 등록 팝업창 구현을 목표로 합니다. 순서 0. 리뷰 관련 css 1. 팝업창 버튼(goodsDetail) 2. 팝업창 이동(서버) 0. 리뷰 관련 css 앞으로 '상품 상세 페이지(goodsDetail.jsp)' 에 리뷰 관련 여러 태그 코드 들을 추가 할것인데 이와 관련된 css코드를 미리 추가 해놓겠습니다. 일단 추가 해놓고 수정 사항이 있다면 그때그때 수정을 해주겠습니다. 기존 goodsDetailcss 파일에 작성해둔 'content_bottom' 식별자 css 코드를 지워.. 공감수 3 댓글수 0 2022. 1. 5.
[Spring][쇼핑몰 프로젝트][46] 댓글 등록 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 등록 기능 구현 '상품 상세 페이지(goodsDetail.jsp)'에서 댓글 등록 기능 구현을 목표로 합니다. 순서 1. 개요 2. DTO클래스 3. Mapper 메서드 4. Service 메서드 5. Controller 1. 개요 Create - 로그인한 회원이 '상품 상세 페이지'로 이동했을 때 "댓글 등록" 버튼이 보인다. - 댓글 등록 버튼을 누르면 댓글을 작성할 수 있는 팝업창이 뜬다. - 팝업창에서는 평점을 select 방식으로 선택할 수 있고, 댓글은 에 작성할 수 있다. - 다 작성 후 .. 공감수 7 댓글수 0 2022. 1. 3.
[Spring][쇼핑몰 프로젝트][45] 댓글 구현 방향 & 댓글 테이블 설계 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 & 평점 구현 방향 설정 및 테이블 생성 '댓글&평점' 구현에 앞서 어떠한 방향과 방식으로 할지에 대해 생각해보고자 합니다. 순서 1. 댓글&평점 기능 개요 2. 댓글 테이블 설계 1. 댓글&평점 기능 개요 상품페이지에는 회원들이 작성한 댓글과 평점을 볼 수 있다. 로그인한 사용자는 댓글 등록 버튼을 누르면 댓글&평점을 등록할 수 있다. 자신이 작성한 댓글&평점을 수정하거나 삭제할 수 있다. 댓글&평점에 대한 CRUD(Create, Read, Update, Delete)를 구현하고자 합니다. (편의상 .. 공감수 6 댓글수 0 2021. 12. 31.
[Spring][쇼핑몰 프로젝트][44] 주문 취소 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 취소 저번 포스팅에 이어서 주문 취소 기능 구현 마무리를 목표로 합니다. 순서 1. Controller 2. 뷰처리 3. 테스트 1. Controller AdminController.java 클래스 작업을 해주겠습니다. OrderService의 메서드를 사용할 것이기 때문에 OrderService를 의존성 주입해줍니다. @Autowired private OrderService orderService; 클라이언트로부터의 요청을 처리하는 URL 메핑 메서드를 작성해보겠습니다. 주문 취소 요청을 처리하는 P.. 공감수 4 댓글수 5 2021. 12. 30.
[Spring][쇼핑몰 프로젝트][44] 주문 취소 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 취소 주문 취소 기능 구현을 목표로 합니다. 순서 1. 개요 2. Mapper 3. dto클래스 4. Service 1. 개요 주문 취소의 경우 회원이 하는 경우, 관리자가 하는 경우가 있을 것입니다. 이번 구현은 이러한 각각의 이해관계자가 사용하도록 만든 기능이라기보다는, '주문취소' 자체가 수행할 로직을 짜 보기 위해 추가한 기능입니다. 구현하고자 하는 '주문 취소'기능의 전체적인 흐름은 다음과 같이 할 생각입니다. - '주문 현황' 페이지에서 주문 상태가 "배송준비"인 주문에만 '주문취소' 버튼이.. 공감수 4 댓글수 0 2021. 12. 29.
[Spring][쇼핑몰 프로젝트][43] 주문 현황 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 현황 페이지 구현 '관리자 페이지'에서 주문 현황을 볼 수 있는 페이지 구현을 목표로 합니다. 순서 1. 주문현황 페이지 링크 2. 주문현황 페이지 3. 테스트 1. 주문현황 페이지 링크 주문현황 페이지로 이동할 수 있도록 해주는 링크 태그를 추가해주겠습니다. "views/includes/admin"경로에 있는 header.jsp 페이지에서 목록 태그로 작성한 태그 마지막에 아래의 태그를 추가해줍니다. 주문 현황 2. 주문현황 페이지 orderList.jsp "views/admin" 경로에 'order.. 공감수 4 댓글수 0 2021. 12. 28.
[Spring][쇼핑몰 프로젝트][43] 주문 현황 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 현황 '관리자 페이지'에서 주문 현황을 볼 수 있는 페이지 구현을 목표로 합니다. 순서 1. 개요 2. Mapper 3. Service 4. Controller 1. 개요 '관리자 페이지'의 좌측 목록에 "주문 현황"페이지를 이동할 수 있는 링크를 추가해줄 것인데, 사용자가 해당 링크를 클릭했을 때 DB에 등록된 주문 정보가 출력이 되도록 구현할 것입니다. 더불어 회원 아이디를 검색할 수 있도록 '검색' 기능 또한 구현할 것입니다. (주문 현황 페이지는 어디까지나 '주문 취소' 기능을 사용하기 위한 인.. 공감수 3 댓글수 0 2021. 12. 27.
[Spring][쇼핑몰 프로젝트][42] 주문 구현 - 3 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 서버 구현 "주문" 처리를 하는 핵심 비즈니스 로직을 수행하는 Service 메서드 작성을 하고 Controller에서 작성한 Service 메서드를 호출하여 "주문"처리 작업을 마무리합니다. 순서 1. 주문 Service 메서드 개요 2. OrderService 3. OrderController 4. 테스트 1. 주문 Service 메서드 개요 이전 포스팅에서 만든 Mapper 메서드를 활용하여 "주문" 처리를 하는 Service 메서드를 만들 것입니다. 본격적인 코드에 앞서서 먼저 "주문 .. 공감수 5 댓글수 2 2021. 12. 21.
[Spring][쇼핑몰 프로젝트][42] 주문 구현 - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 서버 구현 "주문"요청을 처리하는 핵심 비즈니스 로직(Service 로직)을 짜기 앞서, 작업에 필요한 Mapper 메서드를 만드는 것이 목표입니다. 순서 1. 개요 2. 기본 틀 3. 회원정보 4. 배송지 정보 1. 개요 포스팅의 "목표"에서 말한 바와 같이 서버에서 "주문"처리 작업에 필요로 한 Mapper 메서드를 만드는 것이 목표입니다. 우리가 만들 Mapper 메서드는 6개입니다. 각 Mapper 메서드의 역할을 구현 순서 때 짤막히 설명하고 진행하겠습니다. "주문"을 처리하는 Ser.. 공감수 3 댓글수 0 2021. 12. 20.
[Spring][쇼핑몰 프로젝트][42] 주문 구현 - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 서버 구현 이번 포스팅부터 회원이 '주문 페이지'에서 "결제하기" 버튼을 클릭했을 때 서버에서 처리할 작업을 구현하겠습니다. 이번 포스팅에선 회원이 요청한 주문 데이터를 서버로 넘기는 것을 목표로 합니다. 순서 1. 개요 2. DTO 생성 3. order.jsp 4. OrderController 5. 테스트 1. 개요 서버로 넘겨줄 데이터는 3가지입니다. 하나, 배송지 정보 둘, 사용 포인트 정보 셋, 사용자 주문 상품 정보 뷰에서는 사용자가 '결제하기' 버튼을 클릭했을 때 위의 정보가 전송되.. 공감수 6 댓글수 0 2021. 12. 17.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 6 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 '주문 페이지' 상품란에 이미지를 넣는 작업을 합니다. 이전 '상품 검색창', '상품 상세창', '장바구니 페이지'에서 이미지를 넣었던 방식과 동일합니다. 따라서 진행 위주로 빠르게 진행하겠습니다. 순서 1. OrderPageItemDTO 2. OrderServiceImpl.java 3. order.jsp 1. OrderPageItemDTO 이미지 데이터를 담을 수 있는 AttachImageVO 객체를 요소로 가지는 List 타입의 변수를 추가 해줍니다. /* 상품 이미지 */ p.. 공감수 3 댓글수 0 2021. 12. 16.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 5 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 '주문 페이지'의 "주문 종합 정보" 부분 작업을 목표로 합니다. 순서 1. 개요 2. 태그추가 3. Js코드 4. 테스트 1. 개요 '주문 종합 정보' 섹션은 사용자의 주문 정보에 따라서 사용자가 지불해야 할 비용 정보를 종합해서 보여 주는 섹션입니다. 이전 '장바구니' 종합의 경우 회원이 체크한 물품에 따라 '종합 정보'가 변경이 되어야 했습니다. 하지문 주문에서는 주문한 물품이 확정이 되어 있기 때문에 상품의 변동에 따라 '주문 종합 정보'가 변경될 상황은 없습니다. 하지만 .. 공감수 6 댓글수 1 2021. 12. 15.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 4 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 '주문 페이지'의 "상품 정보", "포인트 사용 여부" 부분 작업을 목표로 합니다. 순서 1. 개요 2. 상품 정보 3. 포인트 사용 1. 개요 이번 포스팅에선 "상품 정보"와 "포인트 사용 입력" 부분을 작업할 것입니다. "상품 정보"의 경우 회원이 주문한 상품이 무엇인지 볼 수 있도록 하기 위한 부분으로, 장바구니에서 "상품 정보" 작업과 동일합니다. 총 3개의 태그를 줄 것인데, 첫 번째 는 이미지, 두 번째 태그는 상품의 이름, 세 번째 태그는 가격 정보입니다. "포인트 사.. 공감수 4 댓글수 0 2021. 12. 14.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 3 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 서버로부터 전달받은 데이터(상품, 회원 정보)를 활용하여 '주문 페이지'를 구성해보겠습니다. 순서 1. 개요 2. 기본틀 3. 회원정보 4. 배송지 정보 1. 개요 이번 포스팅부터 본격적으로 "주문 페이지"를 만들어 보겠습니다. "주문 페이지"의 구성은 기본적으로 교보문고의 "주문 페이지"의 틀을 따라가고자 합니다. 교보문고의 "주문 페이지"를 보시면 크게 5가지 구성을 가집니다. 1. 회원 정보 - 회원의 이름, 연락처가 기재 2. 배송지 정보 - 회원 정보에 저장된 배송정보 o.. 공감수 6 댓글수 0 2021. 12. 13.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 2 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 이전 포스팅에서 뷰에서 서버로 데이터가 정상적으로 넘어오는지를 확인했습니다. 이번 포스팅에서는 전달받은 데이터를 통해서 '주문 페이지'에서 필요로 한 데이터를 만들어내고 '주문 페이지'로 넘어가도록 구현하겠습니다. 순서 1. 개요 2. Mapper 3. Service 4. Controller 5. 뷰 파일 생성 및 테스트 1. 개요 이전 포스팅에서는 '장바구니 페이지(cart.jsp)'에서 서버로 데이터를 전송 작업을 진행했습니다. 이번 포스팅에서는 전송받은 데이터를 활용하여 '주.. 공감수 5 댓글수 0 2021. 12. 9.
[Spring][쇼핑몰 프로젝트][41] 주문 구현(주문 페이지) - 1 프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 주문 구현 - 페이지 구현 사용자가 주문을 할 수 있는 페이지를 구현하는 것이 목표입니다. 이번 포스팅에선 주문 페이지에 데이터를 넘기는 것을 목표로 합니다. 순서 1. 주문 기능 개요 2. DTO 클래스 생성 3. OrderController.java 4. 뷰 처리 4.1 goodsDetail.jsp 4.2 cart.jsp 5. 테스트 1. 주문 페이지 개요 주문 페이지는 회원이 상품을 주문하기 위한 페이지 입니다. 주문 페이지 이동을 위해선 두 가지 루트가 있는데, 하나는 회원의 장바구니 페이지에서 주문.. 공감수 8 댓글수 0 2021. 12. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.