- 개발 인원: FE 2명 & BE 2명
- 프로젝트 기간: 2024.07.29 ~ 2024.08.26
 |
 |
 |
 |
| 김지민 | 박지현 | 손찬혁 | 이석민 |
메인 페이지는 크게 랜딩 섹션, 이벤트 섹션, 그리고 자동차 소개 섹션으로 구성되어 있습니다.
사용자가 부드럽게 섹션 간 이동할 수 있도록 스냅 기능을 적용했으며, 페이지 상단의 헤더를 통해 원하는 섹션으로 바로 이동할 수 있습니다.
랜딩 섹션, 이벤트 소개 섹션, 선착순 이벤트 소개 섹션, 추첨 이벤트 소개 섹션, 마지막으로 차량 상세 정보 섹션이 있습니다.
각 이벤트 섹션에서 이벤트 관련 정보를 확인할 수 있고, 이벤트 참여에 필요한 아이오닉 5의 차량 정보는 동영상과 간단한 소개가 있는 이미지 캐러셀에서 확인할 수 있습니다.
선착순 페이지에서 제시된 문제의 빈칸에 적절한 단어들을 드래그하여 문제를 해결할 수 있습니다.
모든 빈칸을 올바르게 채우면 자동으로 선착순 이벤트에 응모되며, 지정된 선착순 인원 안에 들면 더 뉴 아이오닉 5 24시간 렌트 이용권과 신차 할인 코드를 받을 수 있는 QR 코드를 획득할 수 있습니다.
복권 이벤트에서는 캔버스를 긁어 결과를 확인할 수 있으며, 만약 세 개의 다이아 이미지가 같은 방향으로 나오면 당첨된 것입니다. 페이지 상단에서는 사용자 공유 URL을 통해 초대한 친구 수와 남은 복권 기회를 확인할 수 있으며, 하단에서는 연속 출석 일수를 확인할 수 있습니다. 7일 연속 출석하면 상품을 받을 수 있습니다.
5가지 기대평 버튼을 클릭하여 해당하는 기대평을 등록할 수 있습니다.
기대평은 커서 기반 무한 스크롤 방식으로 구현되어, 사용자가 스크롤을 올리면 이전 기대평을 계속해서 확인할 수 있습니다.
이벤트 관리 페이지에서 수정하기 버튼을 통해 선착순 이벤트와 추첨 이벤트의 날짜 및 시간을 설정할 수 있습니다.
이벤트 당첨 관리 페이지에서는 선착순 및 추첨 당첨 인원 수를 수정할 수 있습니다. 또한, 각 이벤트의 당첨자 목록을 확인할 수 있습니다.
이벤트 기간 동안 날짜별 메인 페이지 접속 횟수를 막대그래프로 확인할 수 있으며, 선착순 및 추첨 이벤트의 참여율을 원그래프 형태로 확인할 수 있습니다.
- 언어 :
Java 17 - 프레임워크 :
Spring Boot 3.3.2 - 데이터베이스 :
MySQL 8.0,JPA,Redis - 배포:
Github Action,S3,CodeDeploy - API 문서 :
Swagger 3.0.0
커밋 & 브랜치
// 예시
label: subject
- feat : 기능 구현
- refactor : 구조 개선, 코드 분리 등
- fix : 사용 함수, 변수 변경
- style - 디자인(css, animation) 변경
- chore - 환경 설정, 주석 제거, 이미지 파일 추가 등
- subject은 해당 커밋에 대한 내용을 잘 이해할 수 있게 요약 할 것
main
|
|
develop
|
|--------------------------|
| |
feat/issue_num feat/issue_num
- feat - 새로운 기능 구현
- fix - 변경사항(변수, css 등)
- refactor - 구조 변경 ex) api 전후 데이터 불러오기 변경?
- Test - 테스트 코드master 브랜치
- 배포 가능한 상태만을 관리하는 브랜치
develop 브랜치
- 다음에 배포할 것을 개발하는 브랜치
- 배포 후, 문제가 없으면 master 브랜치로 PR
feature 브랜치
- 새로운 기능을 추가할 때 사용하는 브랜치
브랜치 전략 - [아래 참고]/issue number
- feat - 새 기능
- fix - 변경사항(변수, css 등)
- refactor - 구조 변경 ex) api 전후 데이터 불러오기 변경?
- test - 테스트 코드
- chore - 환경 설정, 주석 제거, 이미지 파일 추가 등
그라운드 룰
- 매일 아침에
30분스크럼- 개발 상황, 오류, 오늘 할 일
- 매일 오후 6시에 가능하면 PR 하기
- 회고 작성
- 매일 오후
6시 30분 - 알게된 점, 좋았던 점, 보완할 점
- 매일 오후
- 매일 같이 밥먹기
- 밥 먹을 때 일 얘기 하지 않기
- 회의 중에 서로 큰소리 내지 않기
- 반박 의견 내기 전에 좋은 의견이라고 먼저 칭찬하기
- 비난하지 말기
- 마음에 안드는게 있어도 좋은 말을 먼저하고 그 다음에 마음에 안드는 것을 말하기
- 리액션 잘해주기
- 반말하기
- 서로 인사 잘 하기
- 동의할 때 “그래”가 아니라 “좋아”라고 말하기
- 주말에 급한 사항이 아니면 Discord로 연락하지 말기(최대한 평일에 ~^^)
- 지각, 조퇴 시 미리 알려주기