자동차 웹사이트
프로젝트 발표날짜 : 2025. 02. 21

(디지털컨버전스)공공데이터 융합 자바개발자 양성과정8
팀장/팀원 | 이**(팀장) : 로그인/카카오 로그인 및 로그아웃, 회원가입, ID/PW 찾기, 이메일 인증, 주소 검색, 마이페이지 (포인트 충전, 구매 내역 및 렌트카 예약 내역 확인, 프로필 수정, 회원 탈퇴 |
---|---|
이** : 쇼핑몰 페이지 (상품 목록 & 필터링) 상품 상세 페이지 (상품 정보 표시, 장바구니 추가 기능,바로 구매 기능) 장바구니 기능(조회, 수량, 내역 저장) 결제 기능(포인트 결제 지원, 재고 감소처리, 트랜젝션 관리, 결제 내역저장) 결제 내역(명세서) 조회 쇼핑몰 관리자(데이터 삽입,수정,삭제,조회,검색) | |
장** : 렌트카 관리자(데이터 삽입,수정,삭제,조회,검색) 렌트카 페이지 (상품 목록 출력) 렌트카 상세 페이지 (렌트카 정보 표시, 렌트카 예약 및 결제) 예약기능(포인트 결제 지원, 결제/예약 내역 저장) | |
홍** : 중고차 페이지 ( 상품 목록 & 필터링 & 페이징 ) 중고차 상세 페이지 ( 상품 상세정보 표시 , 차량 설명 에디터 , 결제 기능 ) 결제 기능 ( 차량 결제완료시 숨김처리 , 트랜젝션 관리 , 결제내역 저장 ) 중고차 관리자 (데이터 삽입 , 수정 , 삭제 , 조회 , 검색 ) 전국 직영점 ( 각 매장 지역별 차량조회 , map 사용 ) | |
김** : 고객센터 (메뉴얼 및 문의 게시판) | |
개요 | 중고차와 렌터카, 자동차 관련 용품 판매를 한 번에 할 수 있는 페이지입니다. |
구현기능 | 인증 및 회원 관리 - 로그인/카카오 로그인 및 로그아웃 - 회원가입 - ID/PW 찾기 - 이메일 인증 - 주소 검색 - 마이페이지 기능 (포인트 충전, 구매 내역 및 렌트카 예약 내역 확인, 프로필 수정, 회원 탈퇴) 쇼핑몰 기능 - 상품 목록 및 필터링 - 상품 상세 정보 표시, 장바구니 추가, 바로 구매 기능 - 장바구니 조회, 수량 관리, 내역 저장 - 포인트 결제 지원, 재고 감소 처리, 트랜잭션 관리, 결제 내역 저장 - 결제 내역(명세서) 조회 - 쇼핑몰 관리자 기능 (데이터 삽입, 수정, 삭제, 조회, 검색) 렌트카 기능 - 렌트카 상품 목록 출력 및 상세 정보 표시 - 렌트카 예약 및 결제 - 포인트 결제 지원, 결제/예약 내역 저장 - 렌트카 관리자 기능 (데이터 삽입, 수정, 삭제, 조회, 검색) 중고차 기능 - 상품 목록 & 필터링 & 페이징 - 상품 상세 정보 표시, 차량 설명 에디터, 결제 기능 - 차량 결제 완료 시 숨김 처리, 트랜잭션 관리, 결제 내역 저장 - 중고차 관리자 기능 (데이터 삽입, 수정, 삭제, 조회, 검색) - 전국 직영점 차량 조회 (지도(Map) 사용) 고객센터 - 메뉴얼 및 문의 게시판 |
설계의 주안점 | 카카오 로그인을 포함한 간편 로그인 기능 지원 JWT 기반의 인증 및 인가 시스템 적용 비밀번호 암호화(Bcrypt) 및 이메일 인증을 통한 보안 강화 프론트엔드는 React를 활용하여 유지보수가 용이한 구조로 개발 base64를 사용한 이미지 저장 localStorage를 이용한 장바구니 데이터 저장 포인트 충전을 통해 사이트 내 구매 편의 tiptap editor 사용 kakao map 을 사용한 위치정보 |
사용기술 및 개발환경 |
사용 언어 : JAVA, javascript 데이터 베이스 : Oracle BackEnd 프레임워크 Spring Boot,MyBatis 라이브러리 Lombok, JWT, Spring Security FrontEnd 라이브러리 React, React DOM, React Router DOM, Redux, @reduxjs/toolkit, Axios, Redux Persist 툴 ERD Cloud, VS code, STS, Figma, Git |
![]() ![]() |