$$config title: ??⭐️3차 팀 프로젝트 WORLD 기술서 keywords: - IT - 팀프로젝트 - JAVA - 풀스택 $$

??⭐️3차 팀 프로젝트 WORLD 기술서

> 'WORLD' 는 게임 시리얼넘버(접속코드) 판매 쇼핑몰 사이트입니다.
> 게임 구매 , 리뷰 , 문의 , 최신게임 출시정보확인 등 컨텐츠 이용이 가능합니다

프로젝트 산출물

- [수행 계획서](https://docs.google.com/document/d/1mT4ptCDqSwL2IwWnkbijT-n4BQBK3hXLqgNCmRFOhgw/edit) - [요구사항 정의서](https://docs.google.com/spreadsheets/d/1zgqkxo5B3DgS5OIJ4RB_XYS8_KCNcBik72yjB9s9Rto/edit) - [사용자 화면 정의서(UI/UX)](https://docs.google.com/presentation/d/1p7XXFlIzL0QPKou4mE2Ps55HSaE1-sqlcxxjrcpylYE/edit?usp=sharing) - [DB 설계 ](https://slog.gg/p/12861) $$youtube mf2Ge_z0mPc $$ 진행 기간: 2023.08.01 ~ 2023.08.30

? 팀원

_{오택주(팀장)}

_오길환

_송채영

_서빈

## 목차 - [? 배포 링크](#-배포-링크) - [? 프로젝트 저장소](#-프로젝트-저장소) - [? 팀 규칙](#-팀-규칙) - [브랜치 전략](#브랜치-전략) - [? 폴더 구조](#-폴더-구조) - [?️ 기술 스택](#️-기술-스택) - [? 서비스 소개](#-서비스-소개) - [기능 구현](#기능-구현) - [페이지](#페이지) - [? 구현미리보기](#-구현미리보기) - [?‍?‍?‍? 업무분담](#-업무분담)
## ? 배포 링크 [https://www.world.gh5.site](https://www.world.gh5.site/)
## ? 프로젝트 저장소 | 팀 이름 | GitHub Repository | | ------ | --------------------------------------------------------------------------------- | |World|[GitHub Url](https://github.com/cojar/project_world)|
## ? 팀 규칙 ### 브랜치 전략 - upstream에는 main 브랜치만 존재 - 브랜치명: `작업명/작업자이니셜` - ex: `adminorder/otj` - 코드리뷰 받고 승인 받으면 `origin:main`에 merge
### 협업 툴 Trello ![](https://i.postimg.cc/x806CZmC/2023-08-16-12-08-04.png) ## ? 폴더 구조 ``` ?world ├── ?스타일.css ├── ?template.html ├── ?test.java ├── ?test.java ├── ?admin ├── ?calenbar ├── ?email ├── ?file ├── ?mypage └── ?notice └── ?order └── ?product └── ?qna └── ?qnaAnswer └── ?review └── ?user ```
## ?️ 기술 스택 # 개발도구 ``` - SpringBoot - JAVA - MariaDB - HTML - CSS - JS - Ajax - Bootstrap -Tailwind css - CentOS - jQuery - NAVER Cloud ``` # 개발환경 ``` - IntelliJ IDEA - DBeaver - Termius - GitHub-Action CI/CD ```
## ? 서비스 소개 ### 기능 구현 - 회원 가입 - 상품상세 - 상품구매 - 상품목록 - 관리자페이지 - 마이페이지
### ERD ![](https://trello.com/1/cards/64b0ef974ea6db7b489e8b34/attachments/64d5a8295fd40d8abdfa0cdd/previews/64d5a82a5fd40d8abdfa130b/download/world_erd.png) ### 페이지 |**회원가입**| | --- | |![회원가입](https://i.postimg.cc/ncwM3Q0S/image.png)| |**상품상세**| | --- | |![상품상세](https://i.postimg.cc/Pr8kkpdR/image.png)| |**상품구매**| | --- | |![상품구매](https://i.postimg.cc/cJhpcfcr/image.png)| |**상품목록**| | --- | |![상품목록](https://i.postimg.cc/MZgpR8Tg/image.png)| |**관리자페이지**| | --- | |![관리자페이지](https://i.postimg.cc/QM6Xd2w4/image.png)| |**마이페이지***| | --- | |![마이페이지](https://i.postimg.cc/SQYymtrd/image.png)|
## ? 구현미리보기 ### 구현사항 --- ### ? 회원가입 1. 이메일 - 내용 1) 설명 ```java @GetMapping("/mailCheck") @ResponseBody public int processMailCheck(@RequestParam("email") String email) throws Exception { int mailKey = (int) ((Math.random() * (99999 - 10000 + 1)) + 10000); String to = email; String title = "환영합니다! WORLD 입니다. 회원가입시 필요한 인증번호 입니다."; String content = "[인증번호] " + mailKey + " 입니다.
인증번호 확인란에 기입해주세요."; try { MimeMessage mail = mailSender.createMimeMessage(); MimeMessageHelper mailHelper = new MimeMessageHelper(mail, true, "UTF-8"); mailHelper.setTo(to); mailHelper.setSubject(title); mailHelper.setText(content, true); mailSender.send(mail); } catch (Exception e) { throw new DataNotFoundException("error"); } return mailKey; } ``` 2. 닉네임 중복 확인 - 내용 1) 설명 ```js $.ajax({ url: '/user/checkDuplicate', type: 'GET', dataType: 'JSON', data: { nickname: nickname }, success: function(response) { if (!response) { isNicknameDuplicate = false; } if (isNicknameDuplicate) { $('#nicknameCheckResult') .text('이미 사용 중인 닉네임입니다.') .css('color', 'red') .css('margin-left', '40px'); } else { $('#nicknameCheckResult') .text('사용 가능한 닉네임입니다.') .css('margin-left', '70px') .css('color', 'white'); } }, error: function(xhr, status, error) { console.error('유저 삭제 오류:', error); } }); } ```
### ? 관리자페이지 매출 - 컨트롤러 ```java @PostMapping("/") public String adminMainSearsh(Model model, @Valid AdminSearchForm adminSearchForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "redirect:/ad/order"; } LocalDateTime start = adminSearchForm.getStart(); LocalDateTime end = adminSearchForm.getEnd(); List list = this.orderService.getOrdersBetweenDates(start,end); int num=list.size(); int totalPrice=1; for (ProductOrder order : list) { Product product = order.getProduct(); if (product != null) { totalPrice += product.getPrice(); } } DecimalFormat decimalFormat = new DecimalFormat("#,###"); String formattedAllPrice = decimalFormat.format(totalPrice); LocalDate todayLocalDate = LocalDate.now(); int priceM1 = this.adminService.requestMonthPrice(YearMonth.now()); int priceM2 = this.adminService.requestMonthPrice(this.adminService.MonthMinus(1)); int priceM3 = this.adminService.requestMonthPrice(this.adminService.MonthMinus(2)); int priceM4 = this.adminService.requestMonthPrice(this.adminService.MonthMinus(3)); int priceM5 = this.adminService.requestMonthPrice(this.adminService.MonthMinus(4)); String month1 = YearMonth.now().toString(); String month2 = this.adminService.MonthMinus(1).toString(); String month3 = this.adminService.MonthMinus(2).toString(); String month4 = this.adminService.MonthMinus(3).toString(); String month5 = this.adminService.MonthMinus(4).toString(); model.addAttribute("month1",month1); model.addAttribute("month2",month2); model.addAttribute("month3",month3); model.addAttribute("month4",month4); model.addAttribute("month5",month5); model.addAttribute("priceM1",priceM1); model.addAttribute("priceM2",priceM2); model.addAttribute("priceM3",priceM3); model.addAttribute("priceM4",priceM4); model.addAttribute("priceM5",priceM5); model.addAttribute("listSize",num); model.addAttribute("allPrice",formattedAllPrice); return "admin/admin_main"; } ``` - 템플릿 ```js

매출

기간별 조회.

기간 내 판매 건 수 :

10(타임리프)

건

기간 내 총 매출 :

won

매출 동향

``` ## ?‍?‍?‍? 업무분담 ### 팀장-오택주 (메인프론트엔드 & 백엔드 & 기획 & 디자인) ``` ## 프론트엔드 메인 ##백엔드 ##전체 페이지 디버깅 및 백엔드,프론트엔드 미비 수정&추가 ##UI/UX (카카오오븐) , 요구사항 정의서 기획 ##프로젝트 기술서 작성 ##문서작성 ``` ### 팀원-오길환 (백엔드 & 프론트엔드 & 깃(저장소) 관리) ``` ##프론트엔드 서브 ##백엔드 ##프로젝트 배포(GitHub-Action) ##저장소 (GitHub)관리 ``` ### 팀원-송채영 (백엔드 & 프론트엔드) ``` ##프론트엔드 서브 ##백엔드 ##발표자료 (PPT) 작성 ``` ### 팀원-서빈 (백엔드 & 프론트엔드) ``` ##프론트엔드 서브 ##백엔드 ##발표 ``` ## ??‍♀️단위업무표

## 감사합니다??‍♀️