$$config title: ?주류추천서비스 Spirits keywords: - SpringBoot - JAVA - 기술서 $$ # ?개요 ## 가. 소개 - **사이트 명 : Spirits - 스프링부트를 이용한 주류추천 서비스 제작 - 처음 클래식바를 이용하는 사람들에게 다양한 종류의 술을 취향에 맞게 추천 - 크게 총 7가지의 주류를 세세한 종류까지 나누어 추천 및 제품 설명 ## 나. 사이트 주소 - [Spirits](https://www.spiritsn.devh.me/main) --- # ?환경 ## 가. 형상관리 - [깃허브 형상관리 : https://github.com/tjqls/newsbb.git](https://github.com/tjqls/newsbb.git) ## ? 사용 기술 ### ? 버전 관리(Version Control System) ``` - Git & GitHub ``` ### ? 배포 ``` - GitHub Docs(webhooks) - GitHub Action - AWS Lightsail - AWS RDS - NAVER CLOUD PLATFORM - Linux - NginX Proxy Manager - Docker - CentOS7.8 - iwantmyname(도메인) - DNSZi(도메인관리 서비스) ``` ### ? 개발 도구 ``` - Chrome - Windows 11 - MacOS - IntelliJ IDEA - DBeaver - MobaXterm ``` ### ? 서비스 환경 ``` - NGINX - MariaDB - Docker - CentOS7.8 ``` ### ?‍? 기술 스택 ``` - SpringBoot - MariaDB - H2 Database - HTML5 / CSS3 / JS - Bootstrap - jQuery - markdown ``` # ?요구사항과 기능구현 여부 |목록|요구사항|이용대상|기능종류|구현여부|비고 | --- | --- | --- | --- |---|---| |RQ-001-R|메인페이지 인기상품 출력|모든 유저|출력|✅| |RQ-002-R|메인페이지 슬라이드 구현|모든 유저|출력|✅| |RQ-003-C|회원가입|모든 유저|회원가입|✅| |RQ-004|로그인|회원|로그인|✅| |RQ-005|로그아웃|회원|로그아웃|✅| |RQ-006-R|상품 리스트 페이지 상품사진 출력|모든 유저|출력|✅| |RQ-007-R|상품 리스트 페이지 상품이름,가격 출력|모든 유저|출력|✅| |RQ-008-R|상품 리스트 페이지 검색 가능|모든 유저|검색|✅| |RQ-009-R-U|상품 리스트 페이지 드롭다운 메뉴 Ajax로 원하는 상품 출력|모든 유저|정렬|✅| |RQ-010-R|상품 디테일 페이지 상품 상세정보 출력(맛, 향, 캐스크, 상세 설명)|모든 유저|출력|✅| |RQ-011-R-U|상품 디테일 페이지 상품 좋아요, 공유, 찜,조회수 확인 구현|회원|출력|✅| |RQ-012-R|상품 디테일 페이지 상품 확대보기 구현|모든 유저|출력|✅| |RQ-013-R|상품 디테일 페이지 상품이름,가격,용량,국가,도수 출력|모든 유저|출력|✅| |RQ-014-C-R|상품 디테일 페이지 리뷰 등록/조회 가능|회원|등록/출력|✅| |RQ-015-C-D|상품 디테일 페이지 리뷰 수정/삭제 가능|회원|수정/삭제|✅| |RQ-016-R|마이페이지 회원정보 출력|회원|출력|✅| |RQ-017-U|마이페이지 회원비밀번호 변경 가능|회원|수정|✅| |RQ-018-R|마이페이지 내가누른 좋아요 확인, 상품 디테일페이지 이동 가능|회원|출력/이동|✅| |RQ-019-R-U-D|마이페이지 내가 작성한 리뷰 확인, 수정/삭제 가능|회원|수정/삭제|✅| |RQ-020-R|마이페이지 내가 찜한 상품 확인 가능|회원|출력|✅| |RQ-021-C-U|마이페이지 내 프로필 사진 등록 가능|회원|등록|✅| |RQ-022-C|관리자페이지 상품 등록 가능|관리자|등록|✅| |RQ-023-U-D|관리자 페이지 상품 수정/삭제 가능|관리자|수정/삭제|✅| |RQ-024-D|관리자 페이지 회원이 작성한 리뷰 삭제 가능|관리자|삭제|✅| |RQ-025-D|관리자 페이지 회원 관리(삭제) 가능|관리자|삭제|✅| --- # ?모델 구성과 주요 동작 알고리즘 ## ?Entity Relationship Diagram

--- ## ?서버 구조 ![https://user-images.githubusercontent.com/85653591/156701224-e71ab1b5-c4a9-4cbf-9c2c-e02a2fb1c92c.png](https://user-images.githubusercontent.com/85653591/156701224-e71ab1b5-c4a9-4cbf-9c2c-e02a2fb1c92c.png) $$uml !theme mars frame 작업자PC { frame Windows11 { frame Chrome { } } } frame 운영서버머신 { frame CentOS7(public．sbb．site,_172．17．0．1) { circle 172．17．0．1――8020 circle 172．17．0．1――443 circle 172．17．0．1――3306 frame Docker { frame Nginx――1 { circle Nginx――1――443 } frame Mariadb――1 { circle Mariadb――1――3306 } frame 서버 { circle 서버――8020 } frame 서버――test { } } } } Chrome --> "172．17．0．1――443":1． https://www.qna.devh.me/．site 로 접속 "172．17．0．1――443" --> "Nginx――1――443" : 2． 외부 443 => Nginx 내부 443 "Nginx――1――443" --> "172．17．0．1――8020" : 3． Nginx Proxy Manager 에 의해 => 외부 8020 "172．17．0．1――8020" --> "서버――8020" : 4． 외부 8020 => 서버 내부 8020 "서버――8020" -[#green]-* "172．17．0．1――3306" : 5． DB 쿼리, 내부 8020 => 외부 3306 "172．17．0．1――3306" -[#green]-* "Mariadb――1――3306" : 6． 외부 3306 => Mariadb__1 내부 3306 $$ ## ?GitHub Action 배포순서, 테스트 실패시 $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : 테스트가 실패했습니다... Jenkins -> Jenkins : 이번 빌드는 실패로 처리하고, 작업을 종료합니다. 개발자 -> Jenkins : 해당 빌드의 콘솔기록을 확인하여 테스트가 왜 실패했는지 분석 $$ ## ?젠킨스 배포순서, 테스트 성공시 $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : All Clear Jenkins -> 실서버용_서버컨테이너 : 리빌드 후 다시 실행하세요! 개발자 -> 실서버용_서버컨테이너 : Web Brouser로 Build 되었는지 확인 $$ --- # ?기능 ## 동작 화면과 소스코드 ### 공통사용

--- #### ?주요 소스코드 - ?base > static 폴더 내부 정적파일 가져오기 ```html ``` --- - ?공통 사용된 layout ```html ``` --- - ?내비게이션 바 메뉴 (layout에 내포된 내비게이션) ```html

관리자페이지 로그인 로그아웃

``` --- ### 메인페이지 --- #### ?‍동작화면

--- ### ?주요 소스코드 - ? MainController ```java @Controller @RequiredArgsConstructor public class MainController { private final ProductService productService; private final MainCategoryService mainCategoryService; private final UserService userService; @GetMapping("/") public String root () { return "redirect:/main"; // ROOT로 접근했을 때 페이지가 해당 주소로 리다이렉트 되게끔 리턴. } @GetMapping("/main") public String mainPage(Model model, Principal principal) { List voterProducts = productService.getTopVotedProducts(5); // 좋아요 수가 가장 많은 상위 5개 제품 가져오기 model.addAttribute("voterProducts", voterProducts); List mainCategoryList = mainCategoryService.getAllMainCategories(); model.addAttribute("mainCategoryList", mainCategoryList); if (principal != null) { SiteUser siteUser = this.userService.getUser(principal.getName()); model.addAttribute("siteUser", siteUser); model.addAttribute("userImg", siteUser.getProfileFilepath()); } return "main_page"; } } ``` --- - ? main_page ```html Spirits main

Whiskey

Vodka

Tequila

Gin

Rum

Brandy

Beer

play

pause

회원님들이 가장 사랑하는 제품이에요

play

pause

``` --- --- ### 회원가입 --- #### ?‍동작화면

--- ### ?주요 소스코드 - ? UserCreateForm ```java @Getter @Setter @ToString @Component public class UserCreateForm { @NotEmpty(message = "사용자ID는 필수항목입니다.") @Email private String username; @NotEmpty(message = "비밀번호는 필수항목입니다.") private String password1; @NotEmpty(message = "비밀번호 확인은 필수항목입니다.") private String password2; @Size(min = 3, max = 25) @NotEmpty(message = "닉네임은 필수항목입니다.") private String nickname; private LocalDate birthDate; private Integer mailKey = null; private Integer genMailKey; private boolean mailAuth; } ``` --- - ? SiteUser(유저 Entity) ```java @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(unique = true) private String username; // email 형식 private String password; @Column(unique = true) private String nickname; @Enumerated(EnumType.STRING) private UserRole role; private LocalDate birthDate; // 생년월일 필드 추가 private int mailKey; private boolean mailAuth; ``` --- - ? UserController ```java @RequiredArgsConstructor @Controller @RequestMapping("/user") public class UserController { @GetMapping("/signup") public String signup(UserCreateForm userCreateForm) { return "signup_form"; } @PostMapping("/signup") public String signup(@Valid UserCreateForm userCreateForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "signup_form"; } if (!userCreateForm.getPassword1().equals(userCreateForm.getPassword2())) { bindingResult.rejectValue("password1", "passwordIncorrect", "2개의 패스워드가 일치하지 않습니다."); return "signup_form"; } try { // 인증 코드 검증 if (userCreateForm.getMailKey().equals(userCreateForm.getGenMailKey())) { LocalDate currentDate = LocalDate.now(); LocalDate birthDate = userCreateForm.getBirthDate(); // 날짜 비교를 위해 현재 날짜에서 18년 전 날짜를 계산 LocalDate legalAgeDate = currentDate.minusYears(18); // 미성년자인 경우 예외 처리 if (birthDate.isAfter(legalAgeDate)) { // 미성년자 예외 처리 로직을 실행합니다. throw new IllegalArgumentException("미성년자는 가입할 수 없습니다."); } // 회원가입 처리 UserRole role = userCreateForm.getUsername().startsWith("admin") ? UserRole.ADMIN : UserRole.USER; userService.create( userCreateForm.getUsername(), userCreateForm.getPassword1(), userCreateForm.getNickname(), userCreateForm.getBirthDate(), userCreateForm.getMailKey(), role, true); } else { // 두 값이 일치하지 않는 경우 // 예외 처리 로직을 실행합니다. bindingResult.rejectValue("mailKey", "mailKeyNotMatched", "유효하지 않은 이메일 또는 메일 키입니다."); return "signup_form"; } // ... } catch (IllegalArgumentException e) { // 미성년자 예외 처리에 대한 예외 처리 로직을 추가합니다. bindingResult.rejectValue("birthDate", "minorAge", "미성년자는 가입할 수 없습니다."); return "signup_form"; } catch (DataIntegrityViolationException e) { e.printStackTrace(); bindingResult.reject("signupFailed", "이미 등록된 아이디입니다."); return "signup_form"; } catch (Exception e) { e.printStackTrace(); bindingResult.reject("signupFailed", e.getMessage()); return "signup_form"; } return "redirect:/"; } } ``` --- - ? UserService ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; private final PasswordEncoder passwordEncoder; // private final EmailVerificationTokenRepository tokenRepository; // private final EmailService emailService; public SiteUser create(String username, String password, String nickname, LocalDate birthDate, Integer mailKey, UserRole role, boolean mailAuth) { SiteUser user = new SiteUser(); user.setUsername(username); user.setPassword(passwordEncoder.encode(password)); user.setNickname(nickname); user.setBirthDate(birthDate); user.setRole(role); user.setMailKey(mailKey); user.setMailAuth(mailAuth); userRepository.save(user); return user; } public SiteUser verifyEmailConfirmation(String username, int mailKey) throws Exception { SiteUser user = this.getUserByUsername1(username); // if (user == null) { // throw new Exception("유효하지 않은 이메일입니다."); // } if (user.isMailAuth()) { throw new Exception("이미 인증된 이메일입니다."); } if (user.getMailKey() != mailKey) { throw new Exception("인증코드가 일치하지 않습니다."); } user.setMailAuth(true); userRepository.save(user); return user; } public SiteUser getUserByUsername1 (String username) { Optional siteUserOptional = this.userRepository.findByUsername(username); return siteUserOptional.orElse(null); } public void updateMailAuth(String email, int mailKey) { int updatedRows = userRepository.updateMailAuth(email, mailKey); if (updatedRows > 0) { System.out.println("Mail auth updated successfully."); } else { System.out.println("Failed to update mail auth."); } } public void emailConfirm(String username, int mailKey) throws Exception { SiteUser user = this.getUserByUsername(username); if (user != null && user.getMailKey() == mailKey) { // updateMailAuth(username, mailKey); } else { throw new Exception("유효하지 않은 이메일 또는 메일 키입니다."); } } public SiteUser getUserByUsername(String username) { Optional siteUserOptional = this.userRepository.findByUsername(username); if (siteUserOptional.isPresent()) { return siteUserOptional.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public String generateTempPassword() { String characters = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; StringBuilder sb = new StringBuilder(); Random random = new Random(); for (int i = 0; i < 10; i++) { int index = random.nextInt(characters.length()); sb.append(characters.charAt(index)); } return sb.toString(); } public boolean confirmPassword(String password, SiteUser user) { return passwordEncoder.matches(password, user.getPassword()); } public SiteUser modifyPassword(String password, SiteUser user) { user.setPassword(passwordEncoder.encode(password)); this.userRepository.save(user); return user; } public SiteUser updateProfile(SiteUser user, File file) throws IOException { String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); String fileName = uuid + "_" + file.getName(); String filePath = "/files/" + fileName; File saveFile = new File(projectPath, fileName); FileUtils.copyFile(file, saveFile); // 임시 파일을 실제 저장 경로로 복사 user.setProfileFilename(fileName); user.setProfileFilepath(filePath); this.userRepository.save(user); return user; } public List getList () { return this.userRepository.findAll(); } public SiteUser getUser(Long id) { Optional siteUser = this.userRepository.findById(id); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteUser not found"); } } public SiteUser getUser(String name) { Optional siteUser = this.userRepository.findByUsername(name); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteUser not found"); } } public SiteUser getUserId(Long id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional siteUser = this.userRepository.findById(id); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteUserId not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public boolean isNicknameDuplicate(String nickname) { Optional existingUser = userRepository.findByNickname(nickname); return existingUser.isPresent(); } ``` --- - ? UserRole(권한 부여) ```java @Getter public enum UserRole { ADMIN("ROLE_ADMIN"), USER("ROLE_USER"); UserRole(String value) { this.value = value; } private String value; } ``` --- - ? UserSecurityService ```java @Service @RequiredArgsConstructor public class UserSecurityService implements UserDetailsService { private final UserRepository userRepository; @Override public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { Optional siteUserOptional = userRepository.findByUsername(username); SiteUser siteUser = siteUserOptional.orElseThrow(() -> new UsernameNotFoundException("사용자를 찾을 수 없습니다.")); List authorities = new ArrayList<>(); if (siteUser.isAdmin()) { authorities.add(new SimpleGrantedAuthority(UserRole.ADMIN.getValue())); } else { authorities.add(new SimpleGrantedAuthority(UserRole.USER.getValue())); } return new CustomUser( siteUser.getUsername(), siteUser.getPassword(), authorities, siteUser.getNickname(), siteUser.getBirthDate() ); } } ``` --- - ? UserRepository ```java @Repository public interface UserRepository extends JpaRepository { Optional findByNickname(String nickname); Optional findByUsername(String username); // @Query("select role from site_user where username = :username") // Optional findByRole(@Param("username") String username); @Modifying @Transactional @Query("UPDATE SiteUser u SET u.mailKey = :mailKey WHERE u.username = :username AND u.id = :id") int updateMailKey(@Param("mailKey") int mailKey, @Param("username") String username, @Param("id") Long id); @Modifying @Transactional @Query("UPDATE SiteUser u SET u.mailAuth = true WHERE u.username = :username AND u.mailKey = :mailKey") int updateMailAuth(@Param("username") String username, @Param("mailKey") int mailKey); } ``` --- - ? signup_form ```html SignUp

환영합니다! SPIRITS 입니다.

계정(이메일 형식) *

✓

이메일 인증 *

✓

03:00

생년월일*

비밀번호 * (영문,숫자 8글자 이상)

✓

비밀번호 확인 *

✓

닉네임 * (공백,특수문자 제외한 2~10글자)

``` --- - ? signup_form.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: 'SUITE-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } *{ font-family: 'SUITE-Regular'; } /* 노멀라이징 */ *{ margin: 0; padding: 0; } a{ text-decoration:none; color:inherit; } ul,li{ text-decoration:none; list-style:none; } /*스타일시작*/ .big-wrap{ width: 1200px; margin-left: auto; margin-right: auto; display:flex; justify-content:center; } .wrap{ width:900px; height:auto; margin-left:auto; margin-right:auto; } .wrap>.top-bar{ display:flex; justify-content:space-between; } .wrap>.top-bar>.logo-box{ margin-top:12px; } .wrap>.top-bar>.logo-box>.logo>a>img{ width: 170px; height: 100px; } .wrap>.top-bar>.user-box{ display:flex; margin-top:20px; font-size:16px; margin-right:10px; } .wrap>.top-bar>.user-box>div{ } .wrap>.top-bar>.user-box>.login{ margin-right:34px; } .wrap>.content{ margin-left:auto; margin-right:auto; width:400px; } .wrap>.content>.hello{ margin-top: 50px; } .wrap>.content>.hello>.hello-box{ height: 100px; } .wrap>.content>.hello>.hello-box>.title{ font-size: 25px; font-weight: bold; } .wrap>.content>.hello>.hello-box>.text{ margin-top: 40px; margin-right: 130px; } .wrap>.content>.signup-box{ margin-top: -20px; } /*이메일*/ .wrap>.content>.signup-box>.email-box>.email-text{ } .wrap>.content>.signup-box>.email-box>.email{ margin-top: 10px; position:relative; display:inline-block; } .wrap>.content>.signup-box>.email-box>.email>input{ align-items: center; justify-content: space-between; width: 200px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.email-box>.email>.email-checkmark{ position:absolute; top:10px; right:110px; color:green; font-size: 30px; display:none; } .wrap>.content>.signup-box>.email-box>.email>button{ width:100px; height:50px; box-sizing:border-box; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.email-box>#email-format-error{ } /*이메일 인증*/ .wrap>.content>.signup-box>.email-check-box>.email-check{ display:flex; align-items:flex-end; position:relative; } .wrap>.content>.signup-box>.email-check-box>.email-check-text{ margin-top:20px; margin-bottom:10px; } .wrap>.content>.signup-box>.email-check-box>.email-check>input{ align-items: center; justify-content: space-between; width: 250px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.email-check-box>.email-check>.email-check-checkmark{ position:absolute; top:6px; right:165px; color:green; font-size: 30px; display:block; } .wrap>.content>.signup-box>.email-check-box>.email-check>#timer-expired{ } .wrap>.content>.signup-box>.email-check-box>.email-check>#timer{ } /*생일입력*/ .wrap>.content>.signup-box>.birthday-box>.birthday-text{ margin-top:20px; } .wrap>.content>.signup-box>.birthday-box>.birthday{ margin-top: 10px; position:relative; display:inline-block; } .wrap>.content>.signup-box>.birthday-box>.birthday>input{ align-items: center; justify-content: space-between; width: 300px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.birthday-box>.birthday>.checkmark{ position:absolute; top:10px; right:10px; color:green; font-size: 30px; } /*비밀번호*/ .wrap>.content>.signup-box>.password-box{ margin-top: 20px; } .wrap>.content>.signup-box>.password-box>.password{ margin-top: 10px; position:relative; display:inline-block; } .wrap>.content>.signup-box>.password-box>.password>input{ align-items: center; justify-content: space-between; width: 300px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.password-box>.password>i{ position:absolute; top:25px; right:-40px; } .wrap>.content>.signup-box>.password-box>.password>.password-checkmark{ position:absolute; top:10px; right:10px; color:green; font-size: 30px; display:none; } .wrap>.content>.signup-box>.password-box>#password-error{ margin-top:10px; } /* 비밀번호 확인 */ .wrap>.content>.signup-box>.password-check-box{ margin-top: 20px; } .wrap>.content>.signup-box>.password-check-box>.password-check-text{ } .wrap>.content>.signup-box>.password-check-box>.password-check{ margin-top: 10px; position:relative; display:inline-block; } .wrap>.content>.signup-box>.password-check-box>.password-check>input{ align-items: center; justify-content: space-between; width: 300px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.password-check-box>.password-check>.password-check-checkmark{ position:absolute; top:10px; right:10px; color:green; font-size: 30px; display:none; } .wrap>.content>.signup-box>.password-check-box>#password-match-error{ margin-top:10px; } /* qd */ .wrap>.content>.signup-box>.nickname-box{ margin-top: 20px; } .wrap>.content>.signup-box>.nickname-box>.nickname-text{ font-size: 21px; } .wrap>.content>.signup-box>.nickname-box>.nickname{ margin-top: 10px; } .wrap>.content>.signup-box>.nickname-box>.nickname{ display:flex; box-sizing:border-box; } .wrap>.content>.signup-box>.nickname-box>.nickname>.nickname2>.nickname-input{ -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 210px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.content>.signup-box>.nickname-box>.nickname>.btn{ font-size: 17px; background-color: ; border:1px solid rgb(0, 150, 243); border-radius:5px; padding: 10px; font-weight: normal; color:rgb(0, 150, 243); margin-left: 10px; box-sizing:border-box; } .wrap>.content>.signup-box>.nickname-box>.nickname>.btn>a{ display:block; } .wrap>.content>.signup-box>.nickname-box>#nicknameCheckResult{ } .wrap>.content>.signup-box>.signup-btn{ margin-top: 30px; } .wrap>.content>.signup-box>.cancel-btn{ margin-top:10px; display:inline-block; } .wrap>.content>.signup-box>.signup-btn>.btn{ width: 300px; font-size: 19px; background-color: rgb(0, 150, 243); border:1px solid rgb(0, 150, 243); border-radius:8px; padding: 10px; font-weight: bold; color:white; } .wrap>.content>.signup-box>.cancel-btn>.btn2{ width: 300px; font-size: 19px; background-color: #bfbfbf; border:1px solid #dfdfdf; border-radius:8px; padding: 10px; font-weight: bold; color:white; } .checkmark { display: absolute; font-weight: bold; font-size: 30px; margin-left: 10px; } ``` --- ### 로그인 --- #### ?‍동작화면 - ? 로그인

--- #### ?주요 소스코드 - ? CurrentUser ```java @Getter @Setter @Component public class CurrentUser { private String username; private String password; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } } ``` --- - ? CustomUser ```java @Getter @Setter public class CustomUser extends User { private String nickname; private LocalDate birthDate; public CustomUser(String username, String password, Collection authorities, String nickname, LocalDate birthDate) { super(username, password, authorities); this.nickname = nickname; this.birthDate = birthDate; } } ``` --- - ? UserController ```java @RequiredArgsConstructor @Controller @RequestMapping("/user") public class UserController { private final UserService userService; @PostMapping("/login") public String login(@RequestParam("username") String username, @RequestParam("password") String password, HttpSession session, Model model) { if ("admin@gmail.com".equals(username) && "123".equals(password)) { UserDetails userDetails = userSecurityService.loadUserByUsername(username); Authentication authentication = new UsernamePasswordAuthenticationToken(userDetails, null, userDetails.getAuthorities()); SecurityContextHolder.getContext().setAuthentication(authentication); session.setAttribute(HttpSessionSecurityContextRepository.SPRING_SECURITY_CONTEXT_KEY, SecurityContextHolder.getContext()); return "redirect:/"; } else { model.addAttribute("error", true); return "login_form"; } } } ``` --- - ? SecurityConfig ```java @Configuration @EnableWebSecurity @EnableGlobalMethodSecurity(prePostEnabled = true) public class SecurityConfig { @Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http.authorizeHttpRequests() .requestMatchers( new AntPathRequestMatcher("/**")).permitAll() .requestMatchers("/admin/**").hasAnyRole("ADMIN") .and() .csrf().ignoringRequestMatchers( new AntPathRequestMatcher("/**")) .and() .headers() .addHeaderWriter(new XFrameOptionsHeaderWriter( XFrameOptionsHeaderWriter.XFrameOptionsMode.SAMEORIGIN)) .and() .formLogin() .loginPage("/user/login") .defaultSuccessUrl("/") .and() .logout() .logoutRequestMatcher(new AntPathRequestMatcher("/user/logout")) .logoutSuccessUrl("/") .invalidateHttpSession(true) ; return http.build(); } @Bean PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } @Bean AuthenticationManager authenticationManager(AuthenticationConfiguration authenticationConfiguration) throws Exception { return authenticationConfiguration.getAuthenticationManager(); } } ``` --- - ? UserSecurityService ```java @Service @RequiredArgsConstructor public class UserSecurityService implements UserDetailsService { private final UserRepository userRepository; @Override public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { Optional siteUserOptional = userRepository.findByUsername(username); SiteUser siteUser = siteUserOptional.orElseThrow(() -> new UsernameNotFoundException("사용자를 찾을 수 없습니다.")); List authorities = new ArrayList<>(); if (siteUser.isAdmin()) { authorities.add(new SimpleGrantedAuthority(UserRole.ADMIN.getValue())); } else { authorities.add(new SimpleGrantedAuthority(UserRole.USER.getValue())); } return new CustomUser( siteUser.getUsername(), siteUser.getPassword(), authorities, siteUser.getNickname(), siteUser.getBirthDate() ); } } ``` --- - ? login_form ```html Login ``` --- - ? login_form.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: 'SUITE-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } *{ font-family: 'SUITE-Regular'; } /* 노멀라이징 */ *{ margin: 0; padding: 0; } form { text-align : center; } a{ text-decoration:none; color:inherit; } ul,li{ text-decoration:none; list-style:none; } .wrap{ width: 1200px; margin-left: auto; margin-right: auto; display: inline-block; text-align: center; } .wrap>.top-bar{ display:flex; justify-content:space-between; } .wrap>.top-bar>.logo-box{ margin-top:12px; } .wrap>.top-bar>.logo-box>.logo>a>img{ width: 170px; height: 100px; } .wrap>.top-bar>.user-box{ display:flex; margin-top:20px; font-size:16px; margin-right:10px; } .wrap>.top-bar>.user-box>div{ } .wrap>.top-bar>.user-box>.login{ margin-right:17px; } .wrap>.hello{ margin-top: 50px; text-align:center; } .wrap>.hello>.hello-box{ display:inline-block; width: 300px; height: 100px; } .wrap>.hello>.hello-box>.title{ font-size: 24px; font-weight: bold; } .wrap>.hello>.hello-box>.text{ margin-top: 40px; } .wrap>.login-box{ text-align:center; justify-content:center; display:inline-block; } .wrap>.login-box>.kakao{ display: flex; justify-content: center; align-items: center; margin-top: 30px; } .wrap>.login-box>.kakao>.kakao-btn{ display:inline-block; } .wrap>.login-box>.kakao{ width:300px; } .wrap>.login-box>.kakao>a{ width:300px; font-size: 19px; display:block; background-color: yellow; border: solid 1px black; border-radius: 6px; padding: 10px; font-weight: bold; color: black; } .wrap>.login-box>.user{ margin-top: 30px; } .wrap>.login-box>.user>.id>input{ -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 300px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.login-box>.user>.ps{ margin-top: 30px; } .wrap>.login-box>.user>.ps>input{ -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 300px; height: 50px; box-sizing:border-box; padding-left: 20px; border: 1px solid rgb(95, 0, 128); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset; } .wrap>.login-box>.login-btn{ margin-top: 30px; } .wrap>.login-box>.login-btn>.btn{ width: 300px; font-size: 19px; padding:10px; background-color: rgb(0, 150, 243); border: solid 1px black; border-radius: 5px; font-weight: bold; color: white; cursor : pointer; } .wrap>.login-box>.signup-btn{ margin-top: 30px; } .wrap>.login-box>.signup-btn{ width:300px; } .wrap>.login-box>.signup-btn>a{ font-size: 19px; display:block; background-color: white; border: solid 1px black; border-radius: 6px; padding: 10px; font-weight: bold; color: black; } ``` ###상품 목록 --- #### ?‍동작화면 - ?상품 리스트

--- - ?각 주류 페이지별 타이틀과 설명 출력

--- - ?각 주류별 상품출력

--- - ? 각 페이지별 드롭다운 메뉴

--- - ? 검색창 상품 리뷰 작성자, 가격범위, 용량, 알콜도수 범위, 알콜도수, 메인카테고리, 나라, 용량범위, 서브카테고리, 캐스크, 안주, 제품이름, 제품정보(향, 맛,가격)

--- - ? Product ```java @Getter @Setter @Entity @ToString public class Product { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Integer id; @ManyToOne private MainCategory mainCategory; // (술 종류) 여러 술에 적용될 수 있지만 제품 당 술 종류는 무조건 한 개임 => ManyToOne @ManyToOne private SubCategory subCategory; // (술 종류) 여러 술에 적용될 수 있지만 제품 당 술 종류는 무조건 한 개임 => ManyToOne @Column(length = 200) private String name; // (이름)술 이름은 직접 작성할 것이기 때문에 String 타입으로 지정 @ManyToOne private CostRange costRange; // (가격 범위)여러 술에 적용될 수 있지만 제품 당 가격 범위는 무조건 한 개임 => ManyToOne @Column(length = 200) private Integer cost; // (가격)술 가격은 직접 작성할 것이기 때문에 Integer 타입으로 지정 @ManyToOne private ABVrange abvRange; // (도수 범위)여러 술에 적용될 수 있지만 제품 당 도수 범위는 무조건 한 개임 => ManyToOne @Column(length = 200) private Double abv; // (도수)술 도수는 직접 작성할 것이기 때문에 Double 타입으로 지정 @ManyToOne private NetWeight netWeight; // (중량)여러 술에 적용될 수 있지만 제품 당 중량은 무조건 한 개임 => ManyToOne @Column(columnDefinition = "TEXT") private String flavor; // (맛)맛은 직접 작성할 것이기 때문에 String 타입으로 지정 @Column(columnDefinition = "TEXT") private String aroma; // (향)향은 직접 작성할 것이기 때문에 String 타입으로 지정 @ManyToMany @JoinTable (name = "product_pairings", joinColumns = @JoinColumn(name = "product_id"), inverseJoinColumns = @JoinColumn(name = "pairing_id") ) private List pairings = new ArrayList<>(); @ManyToMany @JoinTable (name = "product_casks", joinColumns = @JoinColumn(name = "product_id"), inverseJoinColumns = @JoinColumn(name = "cask_id") ) private List casks = new ArrayList<>(); // product_pairing 테이블과 product_cask 테이블을 생성하여 // Product 엔티티와 Pairing 엔티티, 그리고 Product 엔티티와 Cask 엔티티 간의 다대다 관계를 매핑 // Product 엔티티는 pairings 필드와 casks 필드를 통해 해당 제품과 연관된 페어링과 캐스크 목록을 가져올 수 있게 됨 @ManyToOne private Nation nation; // (생산국가) 생산국가는 여러 술이 있을 수 있지만 국가는 무조건 한 개임 => ManyToOne @Column(columnDefinition = "TEXT") private String subject; // (제품상세정보) 제품상세정보는 직접 작성할 것이기 때문에 String 타입으로 지정 @Column(columnDefinition = "TEXT") private String info; // (제품상세정보) 제품상세정보는 직접 작성할 것이기 때문에 String 타입으로 지정 @ManyToOne private SiteUser author; // 여러 제품에 적용될 수 있지만 제품 당 작성자는 무조건 하나임 => ManyToOne @ManyToMany Set voter; @ManyToMany Set wish; @Column(columnDefinition = "integer default 0", nullable = false) private int views; @Column private String filename1; @Column private String filepath1; @Column private String filename2; @Column private String filepath2; } ``` --- - ? ProductController ```java @Controller @RequiredArgsConstructor @RequestMapping("/product") public class ProductController { private final ProductService productService; private final UserService userService; private final MainCategoryService mainCategoryService; private final SubCategoryService subCategoryService; private final CostRangeService costRangeService; private final ABVrangeService abVrangeService; private final CaskService caskService; private final NationService nationService; private final NetWeightService netWeightService; private final PairingService pairingService; private final ReviewService reviewService; private final ProductRepository productRepository; private final MainCategoryRepository mainCategoryRepository; @GetMapping("/list") public String listProductsByMainCategory(@RequestParam(value = "mainCategory", required = false) Integer mainCategory, @RequestParam(value = "kw", defaultValue = "") String kw, Model model, Principal principal) { // 대분류에 맞는 제품들을 조회하는 로직을 구현해야 합니다. List productList = productService.getProductsByMainCategory(mainCategory, kw); MainCategory mainCategoryName = mainCategoryService.getMainCategoryBymainCategoryId(mainCategory); // 기타 필요한 데이터를 조회하거나 처리하는 로직 List caskList = caskService.getAllCask(); List nationList = nationService.getAllNation(); List pairingList = pairingService.getAllPairing(); List abVrangeList = abVrangeService.getAllABVrange(); List costRangeList = costRangeService.getAllCostRange(); List netWeightList = netWeightService.getAllNetWeight(); List subCategoryList = subCategoryService.getAllSubCategories(); List mainCategoryList = mainCategoryService.getAllMainCategories(); if (principal != null) { SiteUser siteUser = this.userService.getUser(principal.getName()); model.addAttribute("siteUser", siteUser); model.addAttribute("userImg", siteUser.getProfileFilepath()); } // long cost = product.getCost(); // DecimalFormat decimalFormat = new DecimalFormat("###,###"); // String formattedCost = decimalFormat.format(cost); // 천 단위 구분 기호가 있는 형식으로 변환 // 모델에 데이터를 추가합니다. model.addAttribute("caskList", caskList); model.addAttribute("nationList", nationList); model.addAttribute("pairingList", pairingList); model.addAttribute("productList", productList); model.addAttribute("abVrangeList", abVrangeList); model.addAttribute("netWeightList", netWeightList); model.addAttribute("costRangeList", costRangeList); model.addAttribute("mainCategoryList", mainCategoryList); model.addAttribute("subCategoryList", subCategoryList); model.addAttribute("searchKeyword", kw); model.addAttribute("mainCategory", mainCategoryName); model.addAttribute("mainCategoryId", mainCategory); // model.addAttribute("formattedCost", formattedCost); // 변환된 가격을 모델에 추가 return "product_list"; } @GetMapping("/list/category") @ResponseBody public List getFilterProductList(@RequestParam(value = "subCategory", required = false) Integer subCategoryId, @RequestParam(value = "costRange", required = false) Integer costRangeId, @RequestParam(value = "abvRange", required = false) Integer abvRangeId, @RequestParam(value = "netWeight", required = false) Integer netWeightId, @RequestParam(value = "pairing", required = false) Integer pairingId, @RequestParam(value = "cask", required = false) Integer caskId, @RequestParam(value = "nation", required = false) Integer nationId, @RequestParam(value = "kw", required = false) String kw, Model model, Principal principal) { if (principal != null) { SiteUser siteUser = this.userService.getUser(principal.getName()); model.addAttribute("siteUser", siteUser); model.addAttribute("userImg", siteUser.getProfileFilepath()); } return productService.getFilteredProducts( subCategoryId, costRangeId, abvRangeId, netWeightId, pairingId, caskId, nationId, kw); } @GetMapping("/detail/{id}") // 제품 상세보기 @Transactional public String getProductDetail(@PathVariable Integer id, ReviewForm reviewForm, Model model, Principal principal, HttpServletRequest request) { Product product = this.productService.getProduct(id); List mainCategoryList = mainCategoryService.getAllMainCategories(); model.addAttribute("mainCategoryList", mainCategoryList); // product.cost 값을 변수로 할당 long cost = product.getCost(); // 천 단위 구분 기호가 있는 형식으로 변환 DecimalFormat decimalFormat = new DecimalFormat("###,###"); String formattedCost = decimalFormat.format(cost); List casks = product.getCasks(); // Product 엔티티에서 casks 필드를 가져옴 List pairings = product.getPairings(); // Product 엔티티에서 pairings 필드를 가져옴 // 캐스크값이 있는지 확인 boolean hasCask = !casks.isEmpty(); // cask_id 값을 추출하여 리스트에 저장 List caskIds = casks.stream().map(cask -> cask.getId()) // Cask 엔티티에서 cask_id 대신 id 필드를 사용 .collect(Collectors.toList()); List reviews = this.productService.getReviewsByProduct(product); if (principal != null) { SiteUser siteUser = this.userService.getUser(principal.getName()); model.addAttribute("siteUser", siteUser); model.addAttribute("userImg", siteUser.getProfileFilepath()); } model.addAttribute("product", product); model.addAttribute("reviews", reviews); // List로 불러온 리뷰들 model.addAttribute("casks", casks); model.addAttribute("pairings", pairings); model.addAttribute("caskIds", caskIds); model.addAttribute("hasCask", hasCask); // 캐스크값의 존재 여부를 모델에 추가 model.addAttribute("formattedCost", formattedCost); // 변환된 가격을 모델에 추가 // 조회수 증가 처리(새로고침시 조회수 증가 X) String viewedProductId = (String) request.getSession().getAttribute("viewedProductId"); if (viewedProductId == null || !viewedProductId.equals(String.valueOf(product.getId()))) { // 조회한 상품과 세션에 저장된 상품 ID가 다를 경우에만 조회수 증가 product.setViews(product.getViews() + 1); this.productService.countingViews(product); request.getSession().setAttribute("viewedProductId", String.valueOf(product.getId())); } return "product_detail"; // 템플릿 이름 또는 뷰의 경로를 반환 } @PreAuthorize("isAuthenticated()") @GetMapping("/wish/{id}") // 제품 찜하기 public String productWish(Principal principal, @PathVariable("id") Integer id) { Product product = this.productService.getProduct(id); SiteUser siteUser = this.userService.getUser(principal.getName()); boolean hasWished = product.getWish().contains(siteUser); if (hasWished) { this.productService.cancelWish(product, siteUser); // 찜 취소 기능 } else { this.productService.wish(product, siteUser); // 찜 기능 } return String.format("redirect:/product/detail/%s", id); } @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}") // 제품 추천 public String productVote(Principal principal, @PathVariable("id") Integer id) { Product product = this.productService.getProduct(id); SiteUser siteUser = this.userService.getUser(principal.getName()); boolean hasVoted = product.getVoter().contains(siteUser); if (hasVoted) { this.productService.cancelVote(product, siteUser); // 추천 취소 기능 } else { this.productService.vote(product, siteUser); // 추천 기능 } return String.format("redirect:/product/detail/%s", id); } } ``` --- - ? ProductService ```java @Data @RequiredArgsConstructor @Service public class ProductService { private final ProductForm productForm; private final ProductRepository productRepository; // 이하 외래키로 들어오는 것들. private final ReviewRepository reviewRepository; private final MainCategoryRepository mainCategoryRepository; private final SubCategoryRepository subCategoryRepository; private final CostRangeRepository costRangeRepository; private final ABVrangeRepository abvRangeRepository; private final NetWeightRepository netWeightRepository; private final NationRepository nationRepository; private final CaskRepository caskRepository; private final PairingRepository pairingRepository; private final EntityManager entityManager; public List getTopVotedProducts(int limit) { String jpql = "SELECT p FROM Product p ORDER BY SIZE(p.voter) DESC"; TypedQuery query = entityManager.createQuery(jpql, Product.class); query.setMaxResults(limit); return query.getResultList(); } public List getList() { return this.productRepository.findAll(); } public Product getProduct(Integer id) { Optional product = this.productRepository.findById(id); if (product.isPresent()) { return product.get(); } else { throw new DataNotFoundException("product not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } // 대분류에 따라 제품을 조회하는 메서드 public List getProductsByMainCategory(Integer mainCategory, String kw) { // ProductRepository의 메서드를 호출하여 대분류에 맞는 제품을 조회합니다. if (mainCategory != null) { return productRepository.findByMainCategoryAndKeyword(mainCategory, kw); } else { return productRepository.findAllByKeyword(kw); } } public void createProduct(ProductForm productForm, SiteUser siteUser, File file1, File file2 ) throws IOException { // 저장할 경로를 여기서 지정해줌 String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); // 제품 이미지파일 1 처리 String fileName1 = uuid + "_file1_" + file1.getName(); String filePath1 = "/files/" + fileName1; File saveFile1 = new File(projectPath, fileName1); FileUtils.copyFile(file1, saveFile1); // 제품 이미지파일 2 처리 String fileName2 = uuid + "_file2_" + file2.getName(); String filePath2 = "/files/" + fileName2; File saveFile2 = new File(projectPath, fileName2); FileUtils.copyFile(file2, saveFile2); MainCategory mainCategory = mainCategoryRepository.findById(productForm.getMainCategoryId()) .orElseThrow(() -> new DataNotFoundException("mainCategory not found")); SubCategory subCategory = subCategoryRepository.findById(productForm.getSubCategoryId()) .orElseThrow(() -> new DataNotFoundException("subCategory not found")); CostRange costRange = costRangeRepository.findById(productForm.getCostRangeId()) .orElseThrow(() -> new DataNotFoundException("costRange not found")); ABVrange abvRange = abvRangeRepository.findById(productForm.getAbvRangeId()) .orElseThrow(() -> new DataNotFoundException("abvRange not found")); NetWeight netWeight = netWeightRepository.findById(productForm.getNetWeightId()) .orElseThrow(() -> new DataNotFoundException("netWeight not found")); Nation nation = nationRepository.findById(productForm.getNationId()) .orElseThrow(() -> new DataNotFoundException("nation not found")); // 캐스크 ID 리스트 검증 및 조회 List caskList = productForm.getCasks(); int maxCasks = 4; if (caskList == null) { caskList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (caskList.size() > maxCasks) { caskList = caskList.subList(0, maxCasks); } } List casks = caskRepository.findAllById(caskList); // 페어링 ID 리스트 검증 및 조회 List pairingList = productForm.getPairings(); int maxPairings = 3; if (pairingList == null) { pairingList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (pairingList.size() > maxPairings) { pairingList = pairingList.subList(0, maxPairings); } } List pairings = pairingRepository.findAllById(pairingList); Product product = new Product(); product.setName(productForm.getName()); product.setAbv(productForm.getAbv()); product.setAroma(productForm.getAroma()); product.setFlavor(productForm.getFlavor()); product.setInfo(productForm.getInfo()); product.setSubject(productForm.getSubject()); product.setCost(productForm.getCost()); product.setMainCategory(mainCategory); product.setSubCategory(subCategory); product.setCostRange(costRange); product.setAbvRange(abvRange); product.setNetWeight(netWeight); product.setNation(nation); product.setAuthor(siteUser); product.setFilename1(fileName1); product.setFilepath1(filePath1); product.setFilename2(fileName2); product.setFilepath2(filePath2); // product를 먼저 저장합니다. product = productRepository.save(product); // product와 맵핑되는 pairings를 생성합니다. product.getPairings().addAll(pairings); // product와 맵핑되는 casks를 생성합니다. product.getCasks().addAll(casks); // 저장된 product를 다시 저장합니다. productRepository.save(product); } public void modifyProduct(Integer id, ProductForm productForm, SiteUser siteUser, File file1, File file2 ) throws IOException { Product product = productRepository.findById(id).orElse(null); if (product == null) { // 제품이 존재하지 않을 경우, 에러 처리 또는 다른 동작 수행 System.out.println("존재하지 않는 제품입니다."); return; } String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); // 제품 이미지파일 1 처리 String fileName1 = uuid + "_file1_" + file1.getName(); String filePath1 = "/files/" + fileName1; File saveFile1 = new File(projectPath, fileName1); FileUtils.copyFile(file1, saveFile1); // 제품 이미지파일 2 처리 String fileName2 = uuid + "_file2_" + file2.getName(); String filePath2 = "/files/" + fileName2; File saveFile2 = new File(projectPath, fileName2); FileUtils.copyFile(file2, saveFile2); MainCategory mainCategory = mainCategoryRepository.findById(productForm.getMainCategoryId()) .orElseThrow(() -> new DataNotFoundException("mainCategory not found")); SubCategory subCategory = subCategoryRepository.findById(productForm.getSubCategoryId()) .orElseThrow(() -> new DataNotFoundException("subCategory not found")); CostRange costRange = costRangeRepository.findById(productForm.getCostRangeId()) .orElseThrow(() -> new DataNotFoundException("costRange not found")); ABVrange abvRange = abvRangeRepository.findById(productForm.getAbvRangeId()) .orElseThrow(() -> new DataNotFoundException("abvRange not found")); NetWeight netWeight = netWeightRepository.findById(productForm.getNetWeightId()) .orElseThrow(() -> new DataNotFoundException("netWeight not found")); Nation nation = nationRepository.findById(productForm.getNationId()) .orElseThrow(() -> new DataNotFoundException("nation not found")); // 캐스크 ID 리스트 검증 및 조회 List caskList = productForm.getCasks(); int maxCasks = 4; if (caskList == null) { caskList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (caskList.size() > maxCasks) { caskList = caskList.subList(0, maxCasks); } } List casks = caskRepository.findAllById(caskList); // 페어링 ID 리스트 검증 및 조회 List pairingList = productForm.getPairings(); int maxPairings = 3; if (pairingList == null) { pairingList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (pairingList.size() > maxPairings) { pairingList = pairingList.subList(0, maxPairings); } } List pairings = pairingRepository.findAllById(pairingList); // 제품 정보 업데이트 product.setName(productForm.getName()); product.setAbv(productForm.getAbv()); product.setAroma(productForm.getAroma()); product.setFlavor(productForm.getFlavor()); product.setInfo(productForm.getInfo()); product.setSubject(productForm.getSubject()); product.setCost(productForm.getCost()); product.setMainCategory(mainCategory); product.setSubCategory(subCategory); product.setCostRange(costRange); product.setAbvRange(abvRange); product.setNetWeight(netWeight); product.setNation(nation); product.setAuthor(siteUser); product.setFilename1(fileName1); product.setFilepath1(filePath1); product.setFilename2(fileName2); product.setFilepath2(filePath2); // product를 먼저 저장합니다. product = productRepository.save(product); // product와 맵핑되는 pairings를 생성합니다. product.getPairings().clear(); // 기존 맵핑 제거 for (Pairing pairing : pairings) { product.getPairings().add(pairing); } // product와 맵핑되는 casks를 생성합니다. product.getCasks().clear(); // 기존 맵핑 제거 for (Cask cask : casks) { product.getCasks().add(cask); } // 저장된 product를 다시 저장합니다. productRepository.save(product); } public List getListSearch(String kw) { return this.productRepository.findAllByKeyword(kw); } public List getListReviewSearch(String kw) { return this.productRepository.findAllByKeywordInReview(kw); } public List getListSiteUserSearch(String kw) { return this.productRepository.findAllByKeywordInSiteUser(kw); } public List getProductsByVoter(SiteUser voter) { return productRepository.findByVoter(voter); } public List getProductsByWish(SiteUser wish) { return productRepository.findByWish(wish); } public List getProductsByMainCategoryId(Integer mainCategory) { // ProductRepository를 사용하여 mainCategory에 해당하는 제품 리스트를 조회합니다. return productRepository.findByMainCategoryId(mainCategory); } public List getProductsBySubCategoryId(Integer subCategoryId) { return productRepository.findBySubCategoryId(subCategoryId); } public List getProductsByMainCategoryIdAndSubCategoryId(Integer mainCategoryId, Integer subCategoryId) { // ProductRepository를 사용하여 mainCategory에 해당하는 제품 리스트를 조회합니다. return productRepository.getProductsByMainCategoryIdAndSubCategoryId(mainCategoryId, subCategoryId); } public List getProductsByCategory(String mainCategoryId, String subCategoryId) { // 메인카테고리와 서브카테고리 같이 찾는 로직 return this.productRepository.getProductsByMainCategoryAndSubCategory(mainCategoryId, subCategoryId); } public List getReviewsByProduct(Product product) { // 리뷰부분 제대로 작동하지 않을 시 최우선으로 삭제 고려할 것 return reviewRepository.findByProduct(product); } public void vote(Product product, SiteUser siteUser) { // 추천 메서드 product.getVoter().add(siteUser); this.productRepository.save(product); } public void cancelVote(Product product, SiteUser siteUser) { // 추천 취소 메서드 product.getVoter().remove(siteUser); this.productRepository.save(product); } public void wish(Product product, SiteUser siteUser) { // 찜 메서드 product.getWish().add(siteUser); this.productRepository.save(product); } public void cancelWish(Product product, SiteUser siteUser) { // 찜 취소 메서드 product.getWish().remove(siteUser); this.productRepository.save(product); } public void delete(Product product) { // 삭제 메서드 this.productRepository.delete(product); } private boolean isProductHasPairing(Product product, Long pairingId) { for (Pairing pairing : product.getPairings()) { if (pairing.getId().equals(pairingId)) { return true; } } return false; } private boolean isProductHasCask(Product product, Long caskId) { for (Cask cask : product.getCasks()) { if (cask.getId().equals(caskId)) { return true; } } return false; } public List getFilteredProducts(Integer subCategoryId, Integer costRangeId, Integer abvRangeId, Integer netWeightId, Integer pairingId, Integer caskId, Integer nationId, String kw) { if (subCategoryId == null && costRangeId == null && abvRangeId == null && netWeightId == null && pairingId == null && caskId == null && nationId == null && kw == null) { return productRepository.findAll(); // 필터링 조건이 없는 경우 모든 제품 조회 } return productRepository.findProductBySubCategoryIdAndCostRangeIdAndAbvRangeIdAndNetWeightIdAndNationIdAndKwAndCaskAndPairing( subCategoryId, costRangeId, abvRangeId, netWeightId, pairingId, caskId, nationId, kw); } public Product countingViews(Product product) { // Logic to save the product, such as calling a repository or performing other operations // For example: Product savedProduct = productRepository.save(product); // Additional logic or operations if needed return savedProduct; } private Specification search(String kw) { return new Specification<>() { private static final long serialVersionUID = 1L; @Override public Predicate toPredicate(Root p, CriteriaQuery query, CriteriaBuilder cb) { query.distinct(true); // 중복을 제거 Join u1 = p.join("author", JoinType.LEFT); Join r = p.join("reviewList", JoinType.LEFT); Join u2 = r.join("author", JoinType.LEFT); Join abvRange = p.join("abvRange", JoinType.LEFT); Join costRange = p.join("costRange", JoinType.LEFT); Join mainCategory = p.join("mainCategory", JoinType.LEFT); Join nation = p.join("nation", JoinType.LEFT); Join netWeight = p.join("netWeight", JoinType.LEFT); Join subCategory = p.join("subCategory", JoinType.LEFT); Join cask = p.join("casks", JoinType.LEFT); Join pairing = p.join("pairings", JoinType.LEFT); return cb.or( cb.like(p.get("name"), "%" + kw + "%"), // 제품명 cb.like(p.get("info"), "%" + kw + "%"), // 상품 정보 cb.like(u1.get("username"), "%" + kw + "%"), // 질문 작성자 cb.like(u2.get("username"), "%" + kw + "%"), // 답변 작성자 cb.like(p.get("subject"), "%" + kw + "%"), // 제목 cb.like(p.get("content"), "%" + kw + "%"), // 내용 cb.like(abvRange.get("abvRange"), "%" + kw + "%"), // ABV 범위 cb.like(costRange.get("costRange"), "%" + kw + "%"), // 가격 범위 cb.like(mainCategory.get("mainCategory"), "%" + kw + "%"), // 메인 카테고리 cb.like(nation.get("nation"), "%" + kw + "%"), // 국가 cb.like(netWeight.get("netWeight"), "%" + kw + "%"), // 순중량 cb.like(subCategory.get("subCategory"), "%" + kw + "%"), // 서브 카테고리 cb.like(cask.get("cask"), "%" + kw + "%"), // Cask cb.like(pairing.get("pairing"), "%" + kw + "%") // Pairing ); } }; } } ``` --- - ? ProductRepository ```java @Repository public interface ProductRepository extends JpaRepository { List findByMainCategoryId(Integer mainCategoryId); //List findAllByMainCategory_IdAndSubCategory_Id(Integer mainCategoryId, Integer subCategoryId); List findBySubCategoryId(Integer subCategoryId); List getProductsByMainCategoryIdAndSubCategoryId(Integer mainCategoryId, Integer subCategoryId); List getProductsByMainCategoryAndSubCategory(String mainCategory, String subCategory); List findByVoter(SiteUser voter); List findByWish(SiteUser wish); @Query("SELECT p FROM Product p " + "LEFT JOIN p.casks cask " + "LEFT JOIN p.pairings pairing " + "WHERE " + "(:subCategory is null or p.subCategory.id = :subCategory) and " + "(:costRange is null or p.costRange.id = :costRange) and " + "(:abvRange is null or p.abvRange.id = :abvRange) and " + "(:netWeight is null or p.netWeight.id = :netWeight) and " + "(:pairing is null or pairing.id = :pairing) and " + "(:cask is null or cask.id = :cask) and " + "(:nation is null or p.nation.id = :nation) and " + "(:kw is null or p.name like %:kw%)") List findProductBySubCategoryIdAndCostRangeIdAndAbvRangeIdAndNetWeightIdAndNationIdAndKwAndCaskAndPairing( @Param("subCategory") Integer subCategoryId, @Param("costRange") Integer costRangeId, @Param("abvRange") Integer abvRangeId, @Param("netWeight") Integer netWeightId, @Param("pairing") Integer pairingId, @Param("cask") Integer caskId, @Param("nation") Integer nationId, @Param("kw") String kw); @Modifying @Query("UPDATE Product p SET p.views = p.views + 1 WHERE p.id = :productId") void incrementProductHits(@Param("productId") Integer productId); @Query("SELECT DISTINCT p " + "FROM Product p " + "LEFT JOIN p.author u " + "LEFT JOIN p.abvRange ar " + "LEFT JOIN p.costRange cr " + "LEFT JOIN p.mainCategory mc " + "LEFT JOIN p.nation n " + "LEFT JOIN p.netWeight nw " + "LEFT JOIN p.subCategory sub " + "LEFT JOIN p.casks c " + "LEFT JOIN p.pairings pa " + "WHERE p.name LIKE %:kw% " + "OR p.info LIKE %:kw% " + "OR u.username LIKE %:kw% " + "OR ar.abvRange LIKE %:kw% " + "OR cr.costRange LIKE %:kw% " + "OR mc.mainCategory LIKE %:kw% " + "OR n.nation LIKE %:kw% " + "OR nw.netWeight LIKE %:kw% " + "OR sub.subCategory LIKE %:kw% " + "OR c.cask LIKE %:kw% " + "OR pa.pairing LIKE %:kw% ") List findAllByKeyword(@Param("kw") String kw); // 대분류와 키워드로 제품을 조회하는 메서드 @Query("SELECT DISTINCT p " + "FROM Product p " + "LEFT JOIN p.author u " + "LEFT JOIN p.abvRange ar " + "LEFT JOIN p.costRange cr " + "LEFT JOIN p.mainCategory mc " + "LEFT JOIN p.nation n " + "LEFT JOIN p.netWeight nw " + "LEFT JOIN p.subCategory sub " + "LEFT JOIN p.casks c " + "LEFT JOIN p.pairings pa " + "WHERE mc.id = :mainCategory " + "AND (p.name LIKE %:kw% " + "OR p.info LIKE %:kw% " + "OR u.username LIKE %:kw% " + "OR ar.abvRange LIKE %:kw% " + "OR cr.costRange LIKE %:kw% " + "OR n.nation LIKE %:kw% " + "OR nw.netWeight LIKE %:kw% " + "OR sub.subCategory LIKE %:kw% " + "OR c.cask LIKE %:kw% " + "OR pa.pairing LIKE %:kw% )") List findByMainCategoryAndKeyword(@Param("mainCategory") Integer mainCategory, @Param("kw") String kw); @Query("SELECT r FROM Review r JOIN FETCH r.author WHERE r.content LIKE %:kw% OR r.author.username LIKE %:kw%") List findAllByKeywordInReview(@Param("kw") String kw); @Query("SELECT u FROM SiteUser u WHERE u.username LIKE %:kw% OR u.nickname LIKE %:kw%") List findAllByKeywordInSiteUser(@Param("kw") String kw); } ``` --- - ? product_list ```html 제품 리스트 페이지

위스키

발효된 곡물을 증류하여 고알콜 음료로 풍부한 향과 맛을 가진 강력한 스피릿츠 드링크입니다.

보드카

클래식한 투명한 술로, 보드카는 중성적이고 깔끔한 맛을 가진 독특한 알코올 음료입니다.

데킬라

멕시코에서 탄생한 강력하고 향긋한 술로, 데킬라는 특유의 맛과 효과를 가진 알코올 음료입니다.

진

고품질의 투명한 술로, 진은 허브와 시트러스의 조화로운 맛과 향을 지니며, 클래식한 칵테일의 필수 재료입니다.

럼

열대 향기로운 여름의 고향, 럼은 달콤하고 풍부한 맛으로 즐기는 알코올 음료입니다.

브랜디

고품질의 코냑산 포도주로 만들어진 강렬하고 부드러우며 귀족적인 멋과 세련된 풍미를 지닌 특별한 스피리트입니다.

맥주

상큼하고 가벼운 대중적인 알코올 음료, 맥주는 사람들에게 사랑받는다.

검색 결과

" 검색어가 포함된 모든 결과입니다.

건의 결과가 있어요

￦

``` --- - ?product_list.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: 'SUITE-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } *{ font-family: 'SUITE-Regular'; } a{ text-decoration:none; color:inherit; } ul,li{ text-decoration:none; list-style:none; } /* 스타일시작 */ .wrap{ width: 1200px; margin-left: auto; margin-right: auto; } .wrap>.information-box{ height: 150px; margin-top: 10px; } .wrap>.information-box>.img-box{ margin-top: -110px; margin-left: 190px; } .wrap>.information-box>.img-box>img{ width: 300px; height: 140px; margin-left: 600px; } .wrap>.information-box>.title{ padding-top: 10px; } .wrap>.information-box>.text{ padding-top: 10px; margin-top:15px; } .wrap>.drop-down-box{ display:flex; justify-content:space-between; margin-top: 50px; } .wrap>.drop-down-box>div{ } .wrap>.drop-down-box>div:first-child{ } select{ width:155px; border:1px solid #92214D; padding:3px 0; } .wrap>.section{ width: 100%; margin-top: 30px; } .wrap>.section>.search-result{ display:block; margin-bottom: 30px; } .section>.goods-list-section{ display:flex; width:1180px; } .section>.goods-list-section>.goods-list{ display: flex; flex-wrap: wrap; justify-content: stretch; gap: 33px; margin-left: 20px; } .section>.goods-list-section>.goods-list>div{ margin-top:20px; width : 250px; vertical-align : top; } .section>.goods-list-section>.goods-list>div:nth-child(n){ margin-left:0; } .section>.goods-list-section>.goods-list>div:nth-child(4n){ margin-right:0; } .section>.goods-list-section>.goods-list > div > a { overflow : hidden; } .section>.goods-list-section>.goods-list > div > a > img { width : 250px; height : 370px; margin-bottom : 10px; transition : scale 400ms; object-fit : cover; } .section>.goods-list-section>.goods-list > div > a:hover > img { scale : 107%; } .section>.goods-list-section>.goods-list .goods-name { margin-bottom : 10px; } .section>.goods-list-section>.goods-list > .goods-1 { margin-right : 20px; margin-left: 20px; } .section>.goods-list-section>.goods-list .per{ color : #FA622F; } .section>.goods-list-section>.goods-list > div > a > p > span { font-weight : bold; } ``` ###상품 상세 --- #### ?‍동작화면 - ?상품 상세

--- - ? ProductController ```java @GetMapping("/detail/{id}") // 제품 상세보기 @Transactional public String getProductDetail(@PathVariable Integer id, ReviewForm reviewForm, Model model, Principal principal, HttpServletRequest request) { Product product = this.productService.getProduct(id); List mainCategoryList = mainCategoryService.getAllMainCategories(); model.addAttribute("mainCategoryList", mainCategoryList); // product.cost 값을 변수로 할당 long cost = product.getCost(); // 천 단위 구분 기호가 있는 형식으로 변환 DecimalFormat decimalFormat = new DecimalFormat("###,###"); String formattedCost = decimalFormat.format(cost); List casks = product.getCasks(); // Product 엔티티에서 casks 필드를 가져옴 List pairings = product.getPairings(); // Product 엔티티에서 pairings 필드를 가져옴 // 캐스크값이 있는지 확인 boolean hasCask = !casks.isEmpty(); // cask_id 값을 추출하여 리스트에 저장 List caskIds = casks.stream().map(cask -> cask.getId()) // Cask 엔티티에서 cask_id 대신 id 필드를 사용 .collect(Collectors.toList()); List reviews = this.productService.getReviewsByProduct(product); if (principal != null) { SiteUser siteUser = this.userService.getUser(principal.getName()); model.addAttribute("siteUser", siteUser); model.addAttribute("userImg", siteUser.getProfileFilepath()); } model.addAttribute("product", product); model.addAttribute("reviews", reviews); // List로 불러온 리뷰들 model.addAttribute("casks", casks); model.addAttribute("pairings", pairings); model.addAttribute("caskIds", caskIds); model.addAttribute("hasCask", hasCask); // 캐스크값의 존재 여부를 모델에 추가 model.addAttribute("formattedCost", formattedCost); // 변환된 가격을 모델에 추가 // 조회수 증가 처리(새로고침시 조회수 증가 X) String viewedProductId = (String) request.getSession().getAttribute("viewedProductId"); if (viewedProductId == null || !viewedProductId.equals(String.valueOf(product.getId()))) { // 조회한 상품과 세션에 저장된 상품 ID가 다를 경우에만 조회수 증가 product.setViews(product.getViews() + 1); this.productService.countingViews(product); request.getSession().setAttribute("viewedProductId", String.valueOf(product.getId())); } return "product_detail"; // 템플릿 이름 또는 뷰의 경로를 반환 } ``` --- - ? ProductService ```java public List getAllMainCategories() { return mainCategoryRepository.findAll(); } public List getReviewsByProduct(Product product) { // 리뷰부분 제대로 작동하지 않을 시 최우선으로 삭제 고려할 것 return reviewRepository.findByProduct(product); } public SiteUser getUser(String name) { Optional siteUser = this.userRepository.findByUsername(name); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteUser not found"); } } public Product countingViews(Product product) { // Logic to save the product, such as calling a repository or performing other operations // For example: Product savedProduct = productRepository.save(product); // Additional logic or operations if needed return savedProduct; } ``` --- - ? ProductRepository ```java List findByProduct(Product product); ``` --- - ? product_detail ```html 상품 상세보기 페이지

주종 : -

도수 : %

용량 : ml

생산국가 :

캐스크 : /

판매가격(리쿼샵 기준)

￦

핵심포인트

맛

향

이런 음식들과 잘 어울려요!

사용한 캐스크

리뷰 남기기

리뷰 수정됨

``` --- - ? product_detail_style ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: "SUITE-Regular"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } * { font-family: "SUITE-Regular"; } /* 노멀라이징 */ a { color: inherit; text-decoration: none; } ul, li { text-decoration: none; list-style: none; } .wrap { width: 1200px; margin-left: auto; margin-right: auto; } .wrap > .product-box { display: flex; margin-top: 40px; } .wrap > .product-box > .left-box1 { position: relative; width: 580px; height: 500px; box-sizing: border-box; } .wrap > .product-box > .left-box1 > .product-main-img { width: 100%; height: 100%; display: block; } .magnifier { width: 200px; height: 200px; position: absolute; border-radius: 100%; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); display: none; } .wrap > .product-box > .right-box { width: 50%; height: 500px; margin-left: 40px; } .wrap > .product-box > .right-box > .title-box { margin-bottom: 30px; font-size: 25px; margin-left: 20px; } .wrap > .product-box > .right-box > .info-box > .info { display: flex; margin-bottom: 20px; font-size: 20px; margin-left: 20px; } .wrap > .product-box > .right-box > .info-box > .info > .title { margin-right: 10px; } .wrap > .product-box > .right-box > .cost-box { margin-top: 60px; margin-left: 20px; } .wrap > .product-box > .right-box > .cost-box > .title { margin-bottom: 10px; } .wrap > .product-box > .right-box > .cost-box > .num { display: inline-block; } .wrap > .product-box > .right-box > .logo-box { display: flex; margin-top: 40px; margin-left: 20px; } .wrap > .product-box > .right-box > .logo-box > div { margin-right: 60px; } /* 포인트섹션 스타일 시작 */ .wrap > .point-section { height: auto; background-color: #dfdfdf; margin-top: 50px; margin-bottom: 50px; text-align: center; } .wrap > .point-section > .title { text-align: center; font-size: 29.25px; font-weight: bold; margin-top: 20px; padding: 20px; } .wrap > .point-section > .point-wrap { } .wrap > .point-section > .point-wrap > .point-box { text-align: center; padding-bottom: 40px; } .wrap > .point-section > .point-wrap > .point-box > .point-content { width: 90%; height: 200px; background-color: white; display: inline-block; border-radius: 6px; text-align: left; } .wrap > .point-section > .point-wrap > .point-box > .point-content > .point { margin-left: 20px; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } .wrap > .point-section > .point-wrap > .point-box > .point-content > .point > .left-box > .title { font-size: 29.25px; font-weight: bold; } .wrap > .point-section > .point-wrap > .point-box > .point-content > .point > .left-box > .text { margin-top: 20px; font-size: 20px; } .wrap > .point-section > .point-wrap > .point-box > .point-content > .point > .right-box > i { margin-right: 40px; } /* 포인트2 */ .wrap > .point-section > .point-wrap > .point-box > .point-content2 { width: 90%; height: 200px; background-color: white; display: inline-block; border-radius: 6px; text-align: left; margin-top: 40px; } .wrap > .point-section > .point-wrap > .point-box > .point-content2 > .point { margin-left: 20px; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } .wrap > .point-section > .point-wrap > .point-box > .point-content2 > .point > .left-box > .title { font-size: 29.25px; font-weight: bold; } .wrap > .point-section > .point-wrap > .point-box > .point-content2 > .point > .left-box > .text { margin-top: 20px; font-size: 20px; } .wrap > .point-section > .point-wrap > .point-box > .point-content2 > .point > .right-box > i { margin-right: 40px; } /* 포인트3 */ .wrap > .point-section > .point-wrap > .point-box > .point-content3 { width: 90%; height: 200px; background-color: white; display: inline-block; border-radius: 6px; text-align: left; margin-top: 40px; } .wrap > .point-section > .point-wrap > .point-box > .point-content3 > .point { margin-left: 20px; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } .wrap > .point-section > .point-wrap > .point-box > .point-content3 > .point > .left-box > .title { font-size: 29.25px; font-weight: bold; } .wrap > .point-section > .point-wrap > .point-box > .point-content3 > .point > .left-box > .text { margin-top: 20px; font-size: 20px; } .wrap > .point-section > .point-wrap > .point-box > .point-content3 > .point > .right-box > img { width: 100px; height: 60px; margin-right: 10px; } /* 포인트4 */ .wrap > .point-section > .point-wrap > .point-box > .point-content4 { width: 90%; height: 200px; background-color: white; display: inline-block; border-radius: 6px; text-align: left; margin-top: 40px; margin-bottom: 30px; } .wrap > .point-section > .point-wrap > .point-box > .point-content4 > .point { margin-left: 20px; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } .wrap > .point-section > .point-wrap > .point-box > .point-content4 > .point > .left-box > .title { font-size: 29.25px; font-weight: bold; } .wrap > .point-section > .point-wrap > .point-box > .point-content4 > .point > .left-box > .text { margin-top: 20px; font-size: 20px; } .wrap > .point-section > .point-wrap > .point-box > .point-content4 > .point > .right-box > i { margin-right: 40px; } .wrap > .point-section > .point-wrap > .point-box > .point-content4 > .point > .right-box > img { margin-right: 40px; width: 40px; height: 44px; } /* 상품사진,상품정보 */ .info-section { margin-top: 40px; } .info-section > .info-box { text-align: center; } .info-section > .info-box > .info-img > img { width: 1200px; height: 700px; object-fit: contain; } .info-section > .info-box > .product-title { margin: 50px 0; font-size: 30px; font-weight: bold; } .info-section > .info-box > .product-text { font-size: 20px; } .info-section > .info-box > .product-text > p { margin-bottom: 20px; } /* 리뷰,댓글 시작 */ .wrap > .review-box { margin-top: 150px; } .wrap > .review-box > .title-box { display: flex; margin-bottom: 20px; } .wrap > .review-box > .title-box > .title { font-size: 25px; font-weight: bold; } .wrap > .review-box > .review-list { } .wrap > .review-box > .review-list > .review-info { display: flex; justify-content: space-between; width: 1200px; height: 50px; background-color: #dfdfdf; border-radius: 8px; margin-bottom: 20px; align-items: center; } .wrap > .review-box > .review-list > .review-info > .left-box > .profile-img > img { width: 40px; height: 40px; border-radius: 100%; } .wrap > .review-box > .review-list > .review-info > .left-box > .profile-img > img { display: flex; align-items: center; } .wrap > .review-box > .review-list > .review-info > .left-box { margin-left: 20px; display: flex; align-items: center; } .wrap > .review-box > .review-list > .review-info > .left-box > .nick-name { margin-right: 40px; margin-left: 10px; } .wrap > .review-box > .review-list > .review-info > .left-box > .modify-btn { margin-right: 10px; cursor: pointer; } .wrap > .review-box > .review-list > .review-info > .left-box > .modify-btn > a { font-size: 13px; } .wrap > .review-box > .review-list > .review-info > .left-box > .modify-btn > a.active { display: inline; } .wrap > .review-box > .review-list > .review-info > .left-box > .delete > a { font-size: 13px; margin-left: 10px; } .wrap > .review-box > .review-list > .review-info > .right-box > .product-name { margin-right: 20px; display: inline-block; width: 350px; text-align: center; } .wrap > .review-box > .review-list > .review-info > .right-box > .review-date { margin-right: 20px; display: inline-block; width: 194px; text-align: center; } .wrap > .review-box > .review-list > .review-info > .right-box > #recommendation { display: inline-block; margin-right: 15px; cursor: pointer; } .review-list > .review { display: flex; justify-content: space-between; height: 100%; } .review-list > .review > .modify-review-date { margin-right: 30px; } .review-modify { display: none; } .review-modify.active { display: block; } .review-modify > .mb-3 > .form-label { font-size: 15px; font-weight: bold; } .review-modify > .mb-3 > textarea { width: 1176px; height: 200px; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: 2px solid black; font-size: 25px; } .review-modify > .submitbtn { width: 80px; height: 40px; margin-bottom: 10px; margin-left: 1120px; text-align: center; font-size: 18px; } #recommendation i { font-size: 24px; } #recommendation.clicked i:before { content: "\f164"; /* 꽉 찬 엄지 아이콘의 유니코드 값 */ } .wrap > .review-box > .review-list > .review { display: flex; margin-bottom: 30px; } .wrap > .review-box > .review-list > .review > .review-text { margin-left: 30px; } .wrap > .review-box > .review-form { display: flex; margin-top: 20px; margin-bottom: 50px; position: relative; } .wrap > .review-box > .review-form > form > textarea { width: 1176px; height: 200px; padding: 10px; border: 2px solid black; font-size: 25px; } .wrap > .review-box > .review-form > form > input { text-align: center; width: 80px; height: 40px; position: absolute; right: 0; bottom: -25%; font-size: 18px; } .btn { width: 40px; height: 40px; background-color: #dfdfdf; text-align: center; border-radius: 100%; box-sizing: border-box; padding-top: 10px; position: fixed; bottom: 30px; right: 30px; } .btn.active { opacity: 3; visibility: visible; } .reference { margin-top: 200px; } .form_errors { margin-bottom: 15px; background-color: #ffcccc; color: #ff0000; padding: 10px; border-radius: 4px; font-weight: bold; text-align: center; } ``` #### ?‍동작화면 - ?상품 상세(리뷰)

--- - ? Review ```java ``` --- - ? ReviewController ```java @Entity @Getter @Setter public class Review { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) // pk속성 부여 private Long id; // PK, Review 테이블의 id값 @Column(columnDefinition = "TEXT") // TEXT 자료형으로 부여 private String content; // Review 테이블의 내용 칼럼 private LocalDateTime createDate; // Review 테이블의 작성일 칼럼 private LocalDateTime modifyDate; // Review 테이블의 수정일 칼럼 @ManyToOne // Review 기준에서는 ManyToOne입장이라 이렇게 어노테이션 달아줌. private Product product; // Product 테이블의 FK값 // SHOW COLUMNS FROM review; @ManyToOne private SiteUser author; // 리뷰 작성자 @ManyToMany Set voter; private boolean editMode; // 수정 모드 여부 public boolean isEditMode() { return editMode; } public void setEditMode(boolean editMode) { this.editMode = editMode; } } ``` --- - ? Review ```java @RequestMapping("/review") @RequiredArgsConstructor // 변수를 포함하는 생성자를 자동으로 생성. @Controller public class ReviewController { private final ProductService productService; private final UserService userService; private final ReviewService reviewService; @PreAuthorize("isAuthenticated()") @PostMapping("/create/{id}") public String createReview(@PathVariable("id") Integer id, @Valid ReviewForm reviewForm, BindingResult bindingResult, Principal principal, Model model) { Product product = this.productService.getProduct(id); // TODO: 리뷰를 저장한다. SiteUser siteUser = this.userService.getUser(principal.getName()); if (bindingResult.hasErrors()) { List reviews = this.reviewService.getReviewsForProduct(product); // 기존 리뷰 리스트를 가져옴 model.addAttribute("product", product); model.addAttribute("reviews", reviews); // 기존 리뷰 리스트도 함께 모델에 추가 return "product_detail"; } System.out.println(reviewForm); Review review = this.reviewService.create(product, reviewForm.getContent(), siteUser); return String.format("redirect:/product/detail/%s#review_%s", review.getProduct().getId(), review.getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") public String reviewModify(@PathVariable("id") Long id, ReviewForm reviewForm, Principal principal, Model model) { Review review = this.reviewService.getReview(id); if (!review.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } reviewForm.setContent(review.getContent()); // 리뷰 목록과 리뷰 폼을 다시 전달 // model.addAttribute("reviews", reviewService.getList()); // 리뷰 목록 데이터 model.addAttribute("reviewForm", new ReviewForm()); // 리뷰 폼 초기화 return String.format("redirect:/product/detail/%s#review_%s", review.getProduct().getId(), review.getId()); } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}") public String reviewModify(@Valid ReviewForm reviewForm, @PathVariable("id") Long id, BindingResult bindingResult, Principal principal, Model model) { if (bindingResult.hasErrors()) { // 기존 리뷰 객체를 가져오기 Review review = this.reviewService.getReview(id); // 리뷰 폼만 모델에 추가 model.addAttribute("reviewForm", reviewForm); model.addAttribute("review", review); // 수정하려는 리뷰 객체도 추가 // 리뷰 목록도 모델에 추가 List reviews = this.reviewService.getReviewsForProduct(review.getProduct()); model.addAttribute("reviews", reviews); return "product_detail"; } Review review = this.reviewService.getReview(id); if (!review.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정권한이 없습니다."); } this.reviewService.modify(review, reviewForm.getContent()); return String.format("redirect:/product/detail/%s#review_%s", review.getProduct().getId(), review.getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String reviewDelete(Principal principal, @PathVariable("id") Long id) { Review review = this.reviewService.getReview(id); if (!review.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제권한이 없습니다."); } this.reviewService.delete(review); return String.format("redirect:/product/detail/%s", review.getProduct().getId()); } } ``` --- - ? ReviewForm ```java @Getter @Setter public class ReviewForm { @NotEmpty(message = "내용 입력은 필수항목입니다.") private String content; } ``` --- - ? ReviewService ```java @RequiredArgsConstructor @Service public class ReviewService { private final ReviewRepository reviewRepository; public List getList () { return this.reviewRepository.findAll(); } public Review create(Product product, String content, SiteUser author) { Review review = new Review(); review.setContent(content); review.setCreateDate(LocalDateTime.now()); review.setProduct(product); review.setAuthor(author); this.reviewRepository.save(review); return review; } public Review getReview(Long id) {// Integer 로 타입이 들어오면 null 값도 허용해줄 수 있음 Optional review = this.reviewRepository.findById(id); if (review.isPresent()) { return review.get(); } else { throw new DataNotFoundException("review not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public List getReviewsByAuthor(SiteUser author) { return reviewRepository.findByAuthor(author); } public List getReviewsForProduct(Product product) { return reviewRepository.findByProduct(product); } public List findAll() { return this.reviewRepository.findAll(); } public void modify(Review review, String content) { review.setContent(content); review.setModifyDate(LocalDateTime.now()); this.reviewRepository.save(review); } public void delete(Review review) { this.reviewRepository.delete(review); } } ``` --- - ? ReviewRepository ```java @Repository public interface ReviewRepository extends JpaRepository { List findByProduct(Product product); List findById(Review review); List findByAuthor(SiteUser author); } ``` --- - ? review_form ```html

리뷰 수정

``` --- ### 마이페이지 --- #### ?‍동작화면 - ?마이페이지

--- - ? CurruntUser ```java @Getter @Setter @Component public class CurrentUser { private String username; private String password; public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } } ``` --- - ? CustomUser ```java @Getter @Setter public class CustomUser extends User { private String nickname; private LocalDate birthDate; public CustomUser(String username, String password, Collection authorities, String nickname, LocalDate birthDate) { super(username, password, authorities); this.nickname = nickname; this.birthDate = birthDate; } } ``` --- - ? SiteUser ```java @Getter @Setter @Entity @SuperBuilder @AllArgsConstructor @NoArgsConstructor @ToString(callSuper = true) public class SiteUser { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(unique = true) private String username; // email 형식 private String password; @Column(unique = true) private String nickname; @Enumerated(EnumType.STRING) private UserRole role; private LocalDate birthDate; // 생년월일 필드 추가 @Column private String profileFilename; @Column private String profileFilepath; private int mailKey; private boolean mailAuth; public boolean isAdmin() { // 관리자 여부를 판별하는 로직을 구현 // 예: 관리자라면 true, 일반 사용자라면 false 반환 return "admin@gmail.com".equals(username) || "admin1@gmail.com".equals(username) || "admin2@gmail.com".equals(username) || "insung5189@gmail.com".equals(username) || "tjqls2013@gmail.com".equals(username) || "thdcodud01@gmail.com".equals(username) || "gim156922@gmail.com".equals(username) || "pintor.dev@gmail.com".equals(username) || "insung5189youpri@gmail.com".equals(username) ; } } ``` --- - ? UserController ```java @RequiredArgsConstructor @Controller @RequestMapping("/user") public class UserController { private final UserService userService; private final UserSecurityService userSecurityService; private final ReviewService reviewService; private final ProductService productService; @GetMapping("/mypage") public String myPage(Model model, Principal principal, Integer id) { SiteUser user = userService.getUser(principal.getName()); List reviewList = reviewService.getReviewsByAuthor(user); List voterProducts = productService.getProductsByVoter(user); List wishProducts = productService.getProductsByWish(user); model.addAttribute("voterProducts", voterProducts); model.addAttribute("wishProducts", wishProducts); model.addAttribute("reviewList", reviewList); model.addAttribute("userName", user.getUsername()); model.addAttribute("userNickName", user.getNickname()); model.addAttribute("userBirthDate", user.getBirthDate()); model.addAttribute("userImg", user.getProfileFilepath()); System.out.println(reviewList.toString()); return "mypage"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modifyPassword") public String modifyPassword(UserModifyForm userModifyForm, BindingResult bindingResult, Principal principal) { if (bindingResult.hasErrors()) { return "mypage"; } SiteUser user = this.userService.getUser(principal.getName()); if (!userService.confirmPassword(userModifyForm.getPresentPW(), user)) { bindingResult.rejectValue("presentPW", "passwordInCorrect", "현재 비밀번호를 바르게 입력해주세요."); return "mypage"; } // 비밀번호와 비밀번호 확인에 입력한 문자열이 서로 다르면 다시 입력 하도록 if (!userModifyForm.getNewPW().equals(userModifyForm.getNewPW2())) { bindingResult.rejectValue("newPW2", "passwordInCorrect", "입력한 비밀번호가 일치하지 않습니다."); return "mypage"; } userService.modifyPassword(userModifyForm.getNewPW(), user); return "redirect:/user/logout"; } @PreAuthorize("isAuthenticated()") @PostMapping("/updateprofile") public String updateProfileImg(@Valid @ModelAttribute("userCreateForm") UserCreateForm userCreateForm, BindingResult bindingResult, Principal principal, @RequestParam("file") MultipartFile file, RedirectAttributes redirectAttributes) throws Exception { SiteUser siteUser = this.userService.getUser(principal.getName()); // 업로드된 파일을 임시 폴더에 저장 String tempFolderPath = System.getProperty("java.io.tmpdir"); File tempFile = File.createTempFile("temp", file.getOriginalFilename(), new File(tempFolderPath)); file.transferTo(tempFile); // 프로필 이미지 업데이트 userService.updateProfile(siteUser, tempFile); redirectAttributes.addFlashAttribute("successMessage", "프로필 이미지가 업데이트되었습니다."); return "redirect:/user/mypage"; } } ``` --- - ? UserModifyForm ```java @Getter @Setter public class UserModifyForm { @NotEmpty(message = "비밀번호를 입력해주세요.") private String PresentPW; @NotEmpty(message = "새 비밀번호를 입력해주세요.") private String newPW; @NotEmpty(message = "새 비밀번호를 다시 입력해주세요.") private String newPW2; } ``` --- - ? UserService ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; private final PasswordEncoder passwordEncoder; public SiteUser getUserByUsername(String username) { Optional siteUserOptional = this.userRepository.findByUsername(username); if (siteUserOptional.isPresent()) { return siteUserOptional.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public boolean confirmPassword(String password, SiteUser user) { return passwordEncoder.matches(password, user.getPassword()); } public SiteUser modifyPassword(String password, SiteUser user) { user.setPassword(passwordEncoder.encode(password)); this.userRepository.save(user); return user; } public SiteUser updateProfile(SiteUser user, File file) throws IOException { String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); String fileName = uuid + "_" + file.getName(); String filePath = "/files/" + fileName; File saveFile = new File(projectPath, fileName); FileUtils.copyFile(file, saveFile); // 임시 파일을 실제 저장 경로로 복사 user.setProfileFilename(fileName); user.setProfileFilepath(filePath); this.userRepository.save(user); return user; } } ``` --- - ? mypage ```html MyPage

마이페이지

회원정보

아이디 :

닉네임 :

생년월일 :

나만의 찜

내가 쓴 리뷰

번호

리뷰

상품

등록일

내가 누른 좋아요

상품 번호

좋아요 누른 상품

가격

개인정보 변경

``` --- - ? mypage_style.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: "SUITE-Regular"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } * { font-family: "SUITE-Regular"; } /* 노멀라이징 */ * { margin: 0; padding: 0; } a { text-decoration: none; color: inherit; } ul, li { text-decoration: none; list-style: none; } .profile-photo { width: 200px; /* 영역의 너비 */ height: 200px; /* 영역의 높이 */ border: 1px solid black; /* 테두리 스타일 */ border-radius: 50%; /* 원형 프로필 사진을 위해 반지름 값 설정 */ background-color: ivory; /* 기본 배경색 설정 (프로필 사진이 없을 때 보여줄 색상) */ /* 필요한 추가 스타일 설정 */ } .profile-photo img { width: 200px; /* 영역의 너비 */ height: 200px; /* 영역의 높이 */ border-radius: 50%; object-fit: cover; } /* 스타일 시작 */ .wrap { width: 1200px; margin-right: auto; margin-left: auto; } /* 내비바 */ .wrap > nav { } .wrap > nav { display: flex; justify-content: space-between; align-items: end; } .wrap > nav > .left-box > .logo-box > a > img { width: 170px; height: 100px; } .wrap > nav > .right-box > .user-box { display: flex; margin-top: 20px; margin-right: 10px; margin-bottom: 15px; } .wrap > nav > .right-box > .user-box > .profile-img { display: flex; margin-right: 10px; align-items: center; } .wrap > nav > .right-box > .user-box > .user-nickname { display: flex; align-items: center; } .right-box > .user-box > .profile-img > img { width: 40px; height: 40px; border-radius: 100%; } /* 마이페이지 스타일 시작 */ .wrap > .title { font-size: 2rem; font-weight: bold; margin-top: 30px; margin-left: 20px; } .wrap > .mypage-wrap { margin-top: 20px; margin-left: 20px; border: 2px solid black; border-radius: 6px; display: flex; } .wrap > .mypage-wrap { margin-bottom: 30px; } .wrap > .mypage-wrap > .right-box { width: 100%; margin-bottom: 1px; } .right-box > .info-wrap { border: 2px solid black; margin-top: 30px; width: 95%; margin-right: auto; margin-left: auto; border-radius: 6px; padding: 10px; } .user-img-box { display: flex; justify-content: center; flex-direction: column; align-items: center; } .user-img-box label { display: inline-block; padding: 0.5em 0.75em; color: black; font-size: 15px; line-height: normal; vertical-align: middle; background-color: #f0f0f0; cursor: pointer; border: 1.5px solid black; border-radius: 0.25em; margin-top: 20px; } .user-img-box input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .user-profile-register > .img-btn { margin-top: 10px; margin-left: 50px; padding-left: 8px; padding-right: 8px; } .user-profile-register > .user-img-box > .btn-action { display: inline-block; padding: 0.3em 0.6em; color: black; font-size: 16px; line-height: normal; vertical-align: middle; background-color: #f0f0f0; cursor: pointer; border: 1.5px solid black; border-radius: 0.25em; margin-top: 20px; } .user-profile-register > .img-box { display: flex; justify-content: center; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box { margin-top: 60px; } .right-box > .info-wrap > .title { font-size: 22px; margin-bottom: 10px; } .right-box > .info-wrap > .info-content { display: flex; justify-content: space-between; margin-top: 30px; } .right-box > .info-wrap > .info-content > .img-box { display: flex; width: calc(100% / 3); justify-content: center; } .right-box > .info-wrap > .info-content > .img-box > form { display: inline-block; } .right-box > .info-wrap > .info-content > .img-box > form > user-img-box { display: inline-block; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .id-box { display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 50px; } .info-content > div { border: 1px solid transparent; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .id-box > .subtitle { margin-left: 20px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .id-box > .user-id { margin-right: 40px; margin-left: -10px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .nickname-box { display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 50px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .nickname-box > .subtitle { margin-left: 20px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .nickname-box > .nickname { margin-right: 40px; margin-left: -10px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .birth-box { display: flex; justify-content: space-between; margin-top: 20px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .birth-box > .subtitle { margin-left: 20px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .birth-box > .birth { margin-right: 40px; margin-left: -10px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .password-box { display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 10px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .password-box > .subtitle { margin-left: 20px; } .right-box > .info-wrap > .info-content > .info-box > .user-info-box > .password-box > .password { margin-right: 20px; } /*프로필 사진*/ /* 나만의 찜 */ .right-box > .wish-box { width: 95%; margin-left: 20px; margin-top: 50px; border: 2px solid black; border-radius: 6px; padding: 10px; } .right-box > .wish-box > .title { font-size: 22px; margin-bottom: 10px; } .right-box > .wish-box > .product { display: flex; margin-top: 30px; text-align: center; flex-wrap: wrap; } .right-box > .wish-box > .product > .product-box { width: 33.333%; box-sizing: border-box; border: 1px solid transparent; } .right-box > .wish-box > .product > .product-box > .img-box { width: calc(100% / 3); } .right-box > .wish-box > .product > .product-box > .img-box > form { margin: 0 auto; } .right-box > .info-wrap > .info-content > .info-box { width: calc(100% - (100% / 3)); } .right-box > .wish-box > .product > .product-box > .a-link > .img-box > img { height: 300px; } .right-box > .wish-box > .product > .product-box > .a-link > .text-box { text-align: center; margin-bottom: 10px; } /* 내가 쓴 댓글 */ .right-box > .review-box { width: 95%; margin-left: 20px; margin-top: 50px; border: 2px solid black; border-radius: 6px; padding: 10px; } .right-box > .review-box > .review-wrap > .title { font-size: 22px; margin-bottom: 10px; } .right-box > .review-box > .review-wrap > .review-info { height: 40px; display: flex; justify-content: space-around; align-items: center; margin-top: 20px; background-color: #dfdfdf; border-radius: 6px; text-align: center; } .right-box > .review-box > .review-wrap > .review-info > .num { width: 10%; } .right-box > .review-box > .review-wrap > .review-info > .content { width: 50%; } .right-box > .review-box > .review-wrap > .review-info > .product-name { width: 20%; } .right-box > .review-box > .review-wrap > .review-info > .create-date { width: 20%; } .right-box > .review-box > .review-wrap > .review-content { display: flex; justify-content: space-around; margin-top: 10px; text-align: center; } .right-box > .review-box > .review-wrap > .review-content > .a-lin { width: 100%; display: flex; justify-content: space-around; text-align: center; } .right-box > .review-box > .review-wrap > .review-content > .a-lin > .number { width: 10%; } .right-box > .review-box > .review-wrap > .review-content > .a-lin > .content { width: 50%; } .right-box > .review-box > .review-wrap > .review-content > .a-lin > .product-name { width: 20%; } .right-box > .review-box > .review-wrap > .review-content > .a-lin > .date { width: 20%; } /* 내가 누른 좋아요 */ .right-box > .like-box { width: 95%; margin-left: 20px; margin-top: 50px; border: 2px solid black; border-radius: 6px; padding: 10px; } .right-box > .like-box > .like-wrap > .title { font-size: 22px; margin-bottom: 10px; } .right-box > .like-box > .like-wrap > .like-info { display: flex; justify-content: space-around; background-color: #dfdfdf; border-radius: 6px; height: 40px; align-items: center; margin-top: 20px; text-align: center; } .right-box > .like-box > .like-wrap > .like-info > .num { width: 10%; } .right-box > .like-box > .like-wrap > .like-info > .like-product { width: 60%; } .right-box > .like-box > .like-wrap > .like-info > .cost { width: 30%; } .right-box > .like-box > .like-wrap > .like-content > .a-lin { display: flex; justify-content: space-around; margin-top: 10px; text-align: center; } .right-box > .like-box > .like-wrap > .like-content > .a-lin > .number { width: 10%; } .right-box > .like-box > .like-wrap > .like-content > .a-lin > .product-name { width: 60%; } .right-box > .like-box > .like-wrap > .like-content > .a-lin > .cost { width: 30%; } /* 개인정보 변경 */ .right-box > .user-change-box { width: 95%; margin-left: 20px; margin-top: 50px; margin-bottom: 30px; border: 2px solid black; border-radius: 6px; padding: 10px; } .right-box > .user-change-box > .user-change-wrap > .title { font-size: 22px; margin-bottom: 10px; } .right-box > .user-change-box > .user-change-wrap > form { text-align: center; margin-top: 100px; margin-bottom: 40px; } .right-box > .user-change-box > .user-change-wrap > form > input { margin-top: 10px; width: 200px; height: 30px; border-radius: 6px; padding-left: 10px; } .right-box > .user-change-box > .user-change-wrap > form > .password { text-align: center; } .right-box > .user-change-box > .user-change-wrap > form > .ps-title { margin-top: 50px; text-align: center; } .right-box > .user-change-box > .user-change-wrap > form > .ps-check-title { margin-top: 50px; text-align: center; } .right-box > .user-change-box > .user-change-wrap > form > button { display: block; margin-left: 520px; margin-top: 30px; padding: 10px; border-radius: 6px; } ``` ### 관리자페이지 --- #### ?‍동작화면 - ?관리자페이지

Admin Dashboard

Product Management

ID	Name	Cost	Actions
1	Product 1	cost	Edit Delete

Review Management

ID	Product	User	Review	Actions
1	Product 1	User 1	Lorem ipsum dolor sit amet	Delete

User Management

ID	Name	Email	Actions
1	User 1	user1@example.com	Delete

``` --- - ? admin_style.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: "SUITE-Regular"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } * { font-family: "SUITE-Regular"; } /* 전체 페이지 스타일 */ body { margin: 0; padding: 0; background-color: #f2f2f2; } header { background-color: #333; color: #fff; padding: 20px; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav ul li { display: inline; margin-right: 10px; } nav ul li a { color: #fff; text-decoration: none; } main { padding: 20px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } h2 { margin-top: 30px; } .product-table, .review-table, .user-table { width: 100%; border-collapse: collapse; margin-top: 20px; } .product-table th, .product-table td, .review-table th, .review-table td, .user-table th, .user-table td { border: 1px solid #ccc; padding: 8px; } .product-table th, .review-table th, .user-table th { background-color: #f2f2f2; } .add-btn, .edit-btn, .delete-btn { background-color: #4caf50; color: #fff; border: none; padding: 5px 10px; cursor: pointer; margin-bottom: 10px; border-radius: 3px; } a.edit-btn { color: #fff; text-decoration: none; } .edit-btn { background-color: #ff9800; margin-right: 5px; } .delete-btn { background-color: #f44336; margin-right: 5px; } a.delete-btn { color: #fff; text-decoration: none; } a.delete-btn:hover { background-color: #e53935; } table { background-color: #fff; } ``` --- ### 상품 등록 --- #### ?‍동작화면 - ?상품 등록

--- #### ?주요 소스코드 --- - ? ProductForm ```java @Getter @Setter @Component @ToString public class ProductForm { @NotEmpty(message = "제품이름은 필수 입력항목입니다.") @Size(max = 300) private String name; // 제품이름 @NotNull(message = "도수는 필수 입력항목입니다.") private Double abv; // 도수 @NotEmpty(message = "향은 필수 입력항목입니다.") @Size(max = 300) private String aroma; // 향 @NotEmpty(message = "맛은 필수 입력항목입니다.") @Size(max = 300) private String flavor; // 맛 @NotNull(message = "가격은 필수 입력항목입니다.") private Integer cost; // 가격 @NotEmpty(message = "제품정보는 필수 입력항목입니다.") @Size(max = 5000, message = "제품정보는 최대 5000자까지 입력 가능합니다.") private String info; // 제품정보 @NotEmpty(message = "제품설명제목은 필수 입력항목입니다.") @Size(max = 500, message = "제품정보는 최대 500자까지 입력 가능합니다.") private String subject; // 제품정보 @NotNull(message = "대분류는 필수 입력항목입니다.") private Integer mainCategoryId; // 대분류 ID @NotNull(message = "중분류는 필수 입력항목입니다.") private Integer subCategoryId; // 중분류 ID @NotNull(message = "가격 범위는 필수 입력항목입니다.") private Integer costRangeId; // 가격 범위 ID @NotNull(message = "도수 범위는 필수 입력항목입니다.") private Integer abvRangeId; // 도수 범위 ID @NotNull(message = "중량은 필수 입력항목입니다.") private Integer netWeightId; // 중량 ID @NotNull(message = "어울리는 안주는 필수 입력항목입니다.") private List pairings; // 페어링 ID 리스트 @NotNull(message = "생산국가는 필수 입력항목입니다.") private Integer nationId; // 생산국가 ID private List casks; // 캐스크 ID 리스트 @NotNull(message = "상품사진은 필수 입력항목입니다.") private MultipartFile file1; // 상품사진 @NotNull(message = "상품상세사진은 필수 입력항목입니다.") private MultipartFile file2; // 상품상세사진 } ``` --- - ?AdminController ```java @PreAuthorize("hasRole('ROLE_ADMIN')") @GetMapping("/product/create") public String getProductCreateForm(@ModelAttribute("productForm") ProductForm productForm, Model model) { List caskList = caskService.getAllCask(); List nationList = nationService.getAllNation(); List pairingList = pairingService.getAllPairing(); List abVrangeList = abVrangeService.getAllABVrange(); List costRangeList = costRangeService.getAllCostRange(); List netWeightList = netWeightService.getAllNetWeight(); List subCategoryList = subCategoryService.getAllSubCategories(); List mainCategoryList = mainCategoryService.getAllMainCategories(); model.addAttribute("caskList", caskList); model.addAttribute("nationList", nationList); model.addAttribute("pairingList", pairingList); model.addAttribute("abVrangeList", abVrangeList); model.addAttribute("costRangeList", costRangeList); model.addAttribute("netWeightList", netWeightList); model.addAttribute("mainCategoryList", mainCategoryList); model.addAttribute("subCategoryList", subCategoryList); return "product_form"; } @PreAuthorize("hasRole('ROLE_ADMIN')") @PostMapping("/product/create") public String createProduct(@ModelAttribute("productForm") @Valid ProductForm productForm, BindingResult bindingResult, Principal principal, @RequestParam("file1") MultipartFile file1, @RequestParam("file2") MultipartFile file2, RedirectAttributes redirectAttributes) throws Exception { // 유효성 검사 if (bindingResult.hasErrors() || productForm.getFile1() == null || productForm.getFile1().isEmpty() || productForm.getFile2() == null || productForm.getFile2().isEmpty() ) { bindingResult.rejectValue("file1", "NotNull", "상품사진은 필수 입력항목입니다."); bindingResult.rejectValue("file2", "NotNull", "상품상세사진은 필수 입력항목입니다."); return "product_form"; } SiteUser siteUser = this.userService.getUser(principal.getName()); // 업로드된 파일을 임시 폴더에 저장 String tempFolderPath = System.getProperty("java.io.tmpdir"); File tempFile1 = File.createTempFile("temp1", file1.getOriginalFilename(), new File(tempFolderPath)); File tempFile2 = File.createTempFile("temp2", file2.getOriginalFilename(), new File(tempFolderPath)); file1.transferTo(tempFile1); file2.transferTo(tempFile2); // 제품 생성 및 이미지 업데이트 productService.createProduct(productForm, siteUser, tempFile1, tempFile2); // 임시 파일 삭제 tempFile1.delete(); tempFile2.delete(); redirectAttributes.addFlashAttribute("successMessage", "제품이 등록되었습니다."); return "redirect:/"; } ``` --- - ?UserService ```java public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } ``` --- - ?ProductService ```java public void createProduct(ProductForm productForm, SiteUser siteUser, File file1, File file2 ) throws IOException { // 저장할 경로를 여기서 지정해줌 String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); // 제품 이미지파일 1 처리 String fileName1 = uuid + "_file1_" + file1.getName(); String filePath1 = "/files/" + fileName1; File saveFile1 = new File(projectPath, fileName1); FileUtils.copyFile(file1, saveFile1); // 제품 이미지파일 2 처리 String fileName2 = uuid + "_file2_" + file2.getName(); String filePath2 = "/files/" + fileName2; File saveFile2 = new File(projectPath, fileName2); FileUtils.copyFile(file2, saveFile2); MainCategory mainCategory = mainCategoryRepository.findById(productForm.getMainCategoryId()) .orElseThrow(() -> new DataNotFoundException("mainCategory not found")); SubCategory subCategory = subCategoryRepository.findById(productForm.getSubCategoryId()) .orElseThrow(() -> new DataNotFoundException("subCategory not found")); CostRange costRange = costRangeRepository.findById(productForm.getCostRangeId()) .orElseThrow(() -> new DataNotFoundException("costRange not found")); ABVrange abvRange = abvRangeRepository.findById(productForm.getAbvRangeId()) .orElseThrow(() -> new DataNotFoundException("abvRange not found")); NetWeight netWeight = netWeightRepository.findById(productForm.getNetWeightId()) .orElseThrow(() -> new DataNotFoundException("netWeight not found")); Nation nation = nationRepository.findById(productForm.getNationId()) .orElseThrow(() -> new DataNotFoundException("nation not found")); // 캐스크 ID 리스트 검증 및 조회 List caskList = productForm.getCasks(); int maxCasks = 4; if (caskList == null) { caskList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (caskList.size() > maxCasks) { caskList = caskList.subList(0, maxCasks); } } List casks = caskRepository.findAllById(caskList); // 페어링 ID 리스트 검증 및 조회 List pairingList = productForm.getPairings(); int maxPairings = 3; if (pairingList == null) { pairingList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (pairingList.size() > maxPairings) { pairingList = pairingList.subList(0, maxPairings); } } List pairings = pairingRepository.findAllById(pairingList); Product product = new Product(); product.setName(productForm.getName()); product.setAbv(productForm.getAbv()); product.setAroma(productForm.getAroma()); product.setFlavor(productForm.getFlavor()); product.setInfo(productForm.getInfo()); product.setSubject(productForm.getSubject()); product.setCost(productForm.getCost()); product.setMainCategory(mainCategory); product.setSubCategory(subCategory); product.setCostRange(costRange); product.setAbvRange(abvRange); product.setNetWeight(netWeight); product.setNation(nation); product.setAuthor(siteUser); product.setFilename1(fileName1); product.setFilepath1(filePath1); product.setFilename2(fileName2); product.setFilepath2(filePath2); // product를 먼저 저장합니다. product = productRepository.save(product); // product와 맵핑되는 pairings를 생성합니다. product.getPairings().addAll(pairings); // product와 맵핑되는 casks를 생성합니다. product.getCasks().addAll(casks); // 저장된 product를 다시 저장합니다. productRepository.save(product); } ``` --- - ?product_form ```html 제품 등록 페이지

상품등록

대분류(필수):

중분류(필수):

제품 이름(필수):

제품 가격 - ￦(필수):

제품 도수 - %(필수):

제품 용량 - ml(필수):

국가(필수):

제품 맛(필수):

제품 향(필수):

제품 설명 제목(필수):

제품 설명(필수):

안주(필수):

캐스크(선택입력사항):

상품사진: null

상품상세사진: null

취소하기

``` --- - ?product_form.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: 'SUITE-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } *{ font-family: 'SUITE-Regular'; } /* 컨테이너 스타일 */ .wrap { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #000; color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } /* 제목 스타일 */ .title-box { text-align: center; margin-bottom: 20px; } .title { font-size: 24px; font-weight: bold; color: #fff; } /* 폼 스타일 */ form { margin-bottom: 20px; } /* 입력 요소 스타일 */ .Category, .SubCategory, .product-name, .Costrange-box, .ABVrange-box, .net-weight-box, .taste-box, .incense-box, .paring-box, .Cask-box, .nation, .product-img-box, .product-detail-img-box, .product-info-img-box { margin-bottom: 15px; } label { font-weight: bold; font-size: 18px; color: #fff; } select, input[type="text"], input[type="number"], input[type="file"], textarea { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; background-color: #333; color: #fff; } textarea { resize: vertical; min-height: 100px; } /* 버튼 스타일 */ .btn-section { text-align: center; } .btn-box { margin-top: 20px; } .btn-action, .btn-cancel { display: inline-block; padding: 10px 20px; border-radius: 4px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; } .btn-action { background-color: #007bff; border: 2px solid #007bff; color: #fff; margin-right: 10px; } .btn-cancel { background-color: #dc3545; border: 2px solid #dc3545; color: #fff; margin-left: 10px; padding: 10px 20px; } .btn-action:hover, .btn-cancel:hover { opacity: 0.8; } a { color: #fff; text-decoration: none; } .form_errors { margin-bottom : 15px; background-color: #ffcccc; color: #ff0000; padding: 10px; border-radius: 4px; font-weight: bold; text-align: center; } ``` ### 상품 수정 --- #### ?‍동작화면 - ?상품 수정

--- - ?AdminController ```java @Controller @RequiredArgsConstructor @RequestMapping("/admin") public class AdminController { private final ProductService productService; private final ReviewService reviewService; private final UserService userService; private final MainCategoryService mainCategoryService; private final SubCategoryService subCategoryService; private final CostRangeService costRangeService; private final ABVrangeService abVrangeService; private final CaskService caskService; private final NationService nationService; private final NetWeightService netWeightService; private final PairingService pairingService; @PreAuthorize("hasRole('ROLE_ADMIN')") @GetMapping("/product/modify/{id}") public String productModify(ProductForm productForm, @PathVariable("id") Integer id, Principal principal, Model model) { // 제품 정보를 가져온다 Product product = productService.getProduct(id); if (product == null) { // 제품이 존재하지 않을 경우, 에러 처리 또는 다른 동작 수행 return "error_page"; } // 필요한 데이터를 가져온다 List caskList = caskService.getAllCask(); List nationList = nationService.getAllNation(); List pairingList = pairingService.getAllPairing(); List abVrangeList = abVrangeService.getAllABVrange(); List costRangeList = costRangeService.getAllCostRange(); List netWeightList = netWeightService.getAllNetWeight(); List subCategoryList = subCategoryService.getAllSubCategories(); List mainCategoryList = mainCategoryService.getAllMainCategories(); productForm.setMainCategoryId(product.getMainCategory().getId()); productForm.setSubCategoryId(product.getSubCategory().getId()); productForm.setCostRangeId(product.getCostRange().getId()); productForm.setAbvRangeId(product.getAbvRange().getId()); productForm.setNetWeightId(product.getNetWeight().getId()); productForm.setNationId(product.getNation().getId()); // productForm.setCasks(product.setCasks()); // 모델에 데이터를 추가한다 model.addAttribute("productForm", product); model.addAttribute("caskList", caskList); model.addAttribute("nationList", nationList); model.addAttribute("pairingList", pairingList); model.addAttribute("abVrangeList", abVrangeList); model.addAttribute("costRangeList", costRangeList); model.addAttribute("netWeightList", netWeightList); model.addAttribute("mainCategoryList", mainCategoryList); model.addAttribute("subCategoryList", subCategoryList); return "product_form"; } @PreAuthorize("hasRole('ROLE_ADMIN')") @PostMapping("/product/modify/{id}") public String productModify(@ModelAttribute("productForm") @Valid ProductForm productForm, BindingResult bindingResult, Principal principal, @PathVariable("id") Integer id, @RequestParam("file1") MultipartFile file1, @RequestParam("file2") MultipartFile file2, RedirectAttributes redirectAttributes) throws Exception { Product product = productService.getProduct(id); System.out.println("제품 수정 정보 확인:"); System.out.println("수정된 이름: " + productForm.getName()); System.out.println("수정된 대분류: " + productForm.getMainCategoryId()); System.out.println("수정된 중분류: " + productForm.getSubCategoryId()); System.out.println("수정된 가격범위: " + productForm.getCostRangeId()); System.out.println("수정된 도수범위: " + productForm.getAbvRangeId()); System.out.println("수정된 용량: " + productForm.getNetWeightId()); System.out.println("수정된 안주: " + productForm.getPairings()); System.out.println("수정된 캐스크: " + productForm.getCasks()); System.out.println("수정된 생산국: " + productForm.getNationId()); if (bindingResult.hasErrors()) { System.out.println("유효성 검사 오류 발생"); return "product_form"; } SiteUser siteUser = this.userService.getUser(principal.getName()); // 업로드된 파일을 임시 폴더에 저장 String tempFolderPath = System.getProperty("java.io.tmpdir"); File tempFile1 = File.createTempFile("temp1", file1.getOriginalFilename(), new File(tempFolderPath)); File tempFile2 = File.createTempFile("temp2", file2.getOriginalFilename(), new File(tempFolderPath)); file1.transferTo(tempFile1); file2.transferTo(tempFile2); this.productService.modifyProduct(id, productForm, siteUser, tempFile1, tempFile2); tempFile1.delete(); tempFile2.delete(); System.out.println("제품 수정 완료"); redirectAttributes.addFlashAttribute("successMessage", "제품이 수정되었습니다."); return String.format("redirect:/product/detail/%s", product.getId()); } } ``` --- - ?ProductService ```java @Data @RequiredArgsConstructor @Service public class ProductService { private final ProductForm productForm; private final ProductRepository productRepository; // 이하 외래키로 들어오는 것들. private final ReviewRepository reviewRepository; private final MainCategoryRepository mainCategoryRepository; private final SubCategoryRepository subCategoryRepository; private final CostRangeRepository costRangeRepository; private final ABVrangeRepository abvRangeRepository; private final NetWeightRepository netWeightRepository; private final NationRepository nationRepository; private final CaskRepository caskRepository; private final PairingRepository pairingRepository; private final EntityManager entityManager; public Product getProduct(Integer id) { Optional product = this.productRepository.findById(id); if (product.isPresent()) { return product.get(); } else { throw new DataNotFoundException("product not found"); // 예외처리로 에러(DataNotFoundException)를 표시 } } public void modifyProduct(Integer id, ProductForm productForm, SiteUser siteUser, File file1, File file2 ) throws IOException { Product product = productRepository.findById(id).orElse(null); if (product == null) { // 제품이 존재하지 않을 경우, 에러 처리 또는 다른 동작 수행 System.out.println("존재하지 않는 제품입니다."); return; } String projectPath = System.getProperty("user.dir") + File.separator + "src" + File.separator + "main" + File.separator + "resources" + File.separator + "static" + File.separator + "files"; UUID uuid = UUID.randomUUID(); // 제품 이미지파일 1 처리 String fileName1 = uuid + "_file1_" + file1.getName(); String filePath1 = "/files/" + fileName1; File saveFile1 = new File(projectPath, fileName1); FileUtils.copyFile(file1, saveFile1); // 제품 이미지파일 2 처리 String fileName2 = uuid + "_file2_" + file2.getName(); String filePath2 = "/files/" + fileName2; File saveFile2 = new File(projectPath, fileName2); FileUtils.copyFile(file2, saveFile2); MainCategory mainCategory = mainCategoryRepository.findById(productForm.getMainCategoryId()) .orElseThrow(() -> new DataNotFoundException("mainCategory not found")); SubCategory subCategory = subCategoryRepository.findById(productForm.getSubCategoryId()) .orElseThrow(() -> new DataNotFoundException("subCategory not found")); CostRange costRange = costRangeRepository.findById(productForm.getCostRangeId()) .orElseThrow(() -> new DataNotFoundException("costRange not found")); ABVrange abvRange = abvRangeRepository.findById(productForm.getAbvRangeId()) .orElseThrow(() -> new DataNotFoundException("abvRange not found")); NetWeight netWeight = netWeightRepository.findById(productForm.getNetWeightId()) .orElseThrow(() -> new DataNotFoundException("netWeight not found")); Nation nation = nationRepository.findById(productForm.getNationId()) .orElseThrow(() -> new DataNotFoundException("nation not found")); // 캐스크 ID 리스트 검증 및 조회 List caskList = productForm.getCasks(); int maxCasks = 4; if (caskList == null) { caskList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (caskList.size() > maxCasks) { caskList = caskList.subList(0, maxCasks); } } List casks = caskRepository.findAllById(caskList); // 페어링 ID 리스트 검증 및 조회 List pairingList = productForm.getPairings(); int maxPairings = 3; if (pairingList == null) { pairingList = new ArrayList<>(); } else { // 입력된 값의 개수를 확인하여 최대 개수까지만 처리합니다. if (pairingList.size() > maxPairings) { pairingList = pairingList.subList(0, maxPairings); } } List pairings = pairingRepository.findAllById(pairingList); // 제품 정보 업데이트 product.setName(productForm.getName()); product.setAbv(productForm.getAbv()); product.setAroma(productForm.getAroma()); product.setFlavor(productForm.getFlavor()); product.setInfo(productForm.getInfo()); product.setSubject(productForm.getSubject()); product.setCost(productForm.getCost()); product.setMainCategory(mainCategory); product.setSubCategory(subCategory); product.setCostRange(costRange); product.setAbvRange(abvRange); product.setNetWeight(netWeight); product.setNation(nation); product.setAuthor(siteUser); product.setFilename1(fileName1); product.setFilepath1(filePath1); product.setFilename2(fileName2); product.setFilepath2(filePath2); // product를 먼저 저장합니다. product = productRepository.save(product); // product와 맵핑되는 pairings를 생성합니다. product.getPairings().clear(); // 기존 맵핑 제거 for (Pairing pairing : pairings) { product.getPairings().add(pairing); } // product와 맵핑되는 casks를 생성합니다. product.getCasks().clear(); // 기존 맵핑 제거 for (Cask cask : casks) { product.getCasks().add(cask); } // 저장된 product를 다시 저장합니다. productRepository.save(product); } } ``` --- - ?product_form ```html 제품 등록 페이지

상품등록

대분류(필수):

중분류(필수):

제품 이름(필수):

제품 가격 - ￦(필수):

제품 도수 - %(필수):

제품 용량 - ml(필수):

국가(필수):

제품 맛(필수):

제품 향(필수):

제품 설명 제목(필수):

제품 설명(필수):

안주(필수):

캐스크(선택입력사항):

상품사진:

상품상세사진:

취소하기

``` --- - ?product_form.css ```css html { font-size: calc(100% + 5px); } /* 노멀라이징 */ @font-face { font-family: "SUITE-Regular"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } * { font-family: "SUITE-Regular"; font-size: 18px; } /* 컨테이너 스타일 */ .wrap { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #000; color: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } /* 제목 스타일 */ .title-box { text-align: center; margin-bottom: 20px; } .title { font-weight: bold; color: #fff; } /* 폼 스타일 */ form { margin-bottom: 20px; } /* 입력 요소 스타일 */ .Category, .SubCategory, .product-name, .Costrange-box, .ABVrange-box, .net-weight-box, .taste-box, .incense-box, .paring-box, .Cask-box, .nation, .product-img-box, .product-detail-img-box, .product-info-img-box { margin-bottom: 15px; } label { font-weight: bold; font-size: 18px; color: #fff; } select, input[type="text"], input[type="number"], input[type="file"], textarea { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; background-color: #333; color: #fff; } textarea { resize: vertical; min-height: 100px; } /* 버튼 스타일 */ .btn-section { text-align: center; } .btn-box { margin-top: 20px; } .btn-action, .btn-cancel { display: inline-block; padding: 10px 20px; border-radius: 4px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; } .btn-action { background-color: #007bff; border: 2px solid #007bff; color: #fff; margin-right: 10px; } .btn-cancel { background-color: #dc3545; border: 2px solid #dc3545; color: #fff; margin-left: 10px; padding: 10px 20px; } .btn-action:hover, .btn-cancel:hover { opacity: 0.8; } a { color: #fff; text-decoration: none; } .form_errors { margin-bottom: 15px; background-color: #ffcccc; color: #ff0000; padding: 10px; border-radius: 4px; font-weight: bold; text-align: center; } ``` --- # ?테스트 내용 |순번|테스트|결과|비고| |---|---|---|---| 1|메인페이지 인기상품 출력|✅ 2|메인페이지 슬라이드 구현 |✅ 3|회원가입|✅ 4|로그인|✅ 5|로그아웃|✅ 6|상품 리스트 페이지 상품사진 출력|✅ 7|상품 리스트 페이지 상품이름,가격 출력|✅ 8|상품 리스트 페이지 검색 가능|✅ 9|상품 리스트 페이지 드롭다운 메뉴 Ajax로 원하는 상품 출력|✅ 10|상품 디테일 페이지 상품 상세정보 출력(맛, 향, 캐스크, 상세 설명)|✅ 11|상품 디테일 페이지 상품 좋아요, 공유, 찜,조회수 확인 구현|✅ 12|상품 디테일 페이지 상품 확대보기 구현|✅ 13|상품 디테일 페이지 상품이름,가격,용량,국가,도수 출력|✅ 14|상품 디테일 페이지 리뷰 등록 가능|✅ 15|상품 디테일 페이지 리뷰 수정/삭제 가능|✅ 16|마이페이지 회원정보 출력|✅ 17|마이페이지 회원비밀번호 변경 가능|✅ 18|마이페이지 내가누른 좋아요 확인, 상품 디테일페이지 이동 가능|✅ 19|마이페이지 내가 작성한 리뷰 확인, 수정/삭제 가능|✅ 20|마이페이지 내가 찜한 상품 확인 가능|✅ 21|마이페이지 내 프로필 사진 등록 가능|✅ 22|관리자페이지 상품 등록 가능|✅ 23|관리자 페이지 상품 수정/삭제 가능|✅ 24|관리자 페이지 회원이 작성한 리뷰 삭제 가능|✅ 25|관리자 페이지 회원 관리(삭제) 가능|✅ # ? 배포 - 가. ? 가비아 - 구매, 결제, 연장 진행 - 나. ?dnszi - 도메인관리 - 관리소유권 받아오기 - 다. ?네이버클라우드플랫폼 - CentOS로 진행 - 포트포워딩 진행 - 라. ?Nginx 프록시 서버 - 프록시 호스트 추가

- 프록시 호스트 추가시 SSL security 적용 (https://)

- 마. ?배포 진행 - 도커를 통한 자바 설치✅ - github Action 설치 및 실행 - Maria DB 설치 - nginx 설치

- 바. ?‍?Github Action 내용 작성 - 배포 성공 ✅

- 배포 실패

게시글 상세