Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 메인 페이지 평점 높은 상품 노출 메인 페이지에 평점이 높은 순서의 상품이 노출되도록 하는 것이 목표입니다. 순서 1. 개요 2. 구현 3. 포스팅을 마치며 1. 개요 평점 순으로 정렬된 상품을 노출시킬 곳은 메인 페이지의 중앙입니다. 이 곳엔 아래 그림과 같은 형식으로 집어넣을 것입니다. 상품 하나의 형식은 아래와 같이 할 것입니다. 하나하나씩 구현해 보겠습니다. 2. 구현 태그추가 "slide_div_wrap" 태그 바로 다음 공간에 아래의 태그를 추가해줍니다 - JSTL의 태그를 통해 서버로부터 전달받..

프로젝트 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..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 메인 페이지 슬라이드 구현 메인 페이지에 화면 중앙에 슬라이드 구현을 목표로 합니다. 순서 1. 개요 2. slick 라이브러리 설치 3. 슬라이드 구현 1. 개요 메인 페이지에 상품 혹은 홍보하고 싶은 그림을 노출시킬 수 있는 슬라이드를 구현하는 것이 목표입니다. 슬라이드 구현은 javascript, css를 직접 작성하거나, 슬라이드 구현을 쉽게 할 수 있도록 다른 프로그래머가 만들어 놓은 라이브러리를 이용하는 방법이 있습니다. 이번 포스팅에선 직접 구현이 아닌 라이브러리를 사용해서 구현해보도록 하겠습니..

프로젝트 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컬럼을 추가해 줄 것입니다. 이 컬럼의 목적은 해당 상품 평점의 평균 값이 저장되도록 하는 것이 목적입니다. 이번 포스팅에선 이 컬럼의 값이 댓글 등록, 수정, 삭제될 때..