[프로젝트]블록체인 기반 중고차 거래 플랫폼 - 1 (기획)

프로젝트 개요

• 중고 차량 거래시 허위 매물 및 거래 사기에 대한 위험
• 검사소 및 정비소는 차량 수리 및 이용 내역을 공개하여 다른 사용자에게 홍보 효과 및 신뢰성 향상
• 블록체인 네트워크를 활용하여 등록된 정보를 모두가 공유할 수 있으며 등록된 정보가 조작되지 않기 때문에 차량 정보에 대한 신뢰성 향상
• 하나의 플랫폼으로 차량 정보 및 보험, 정비, 검수 이력을 확인하고 플랫폼에서 안내하는 거래 방법을 통해 안전한 거래 지향 가능

프로젝트 기능 (나의 역할)

• 차량 거래 기능
  • 판매 차량 검색
  • 차량 판매 등록
  • 차량 거래(차량 정보 소유권 이전)
• 차량 이력 등록 기능
  • 정비소
    • 정비소 차량 정비 결과 등록 및 조회
    • 정비 예약 조회 및 상태 변경
  • 검사소
    • 검사소 차량 검수 결과 등록 및 조회
    • 검수 예약 조회 및 상태 변경
  • 보험회사
    • 보험회사 차량 손상 이력 등록 및 조회
• 차량 관리 기능
  • 차량 정보 등록 및 조회
  • 정비소 정비 예약 등록 및 취소, 내역 조회
  • 검사소 검수 예약 등록 및 취소, 내역 조회
  • 보험회사 차량 손상 이력 조회
  • 검수 및 정비 후 리뷰 등록 및 조회
• 커뮤니티 기능
  • 차량 관련 커뮤니티 기능

프로젝트 기간 및 팀원 구성, 역할

• 기간

  • 2023.02.27 ~ 2023.04.07

• 팀원 구성 ( 총 6명 )

  • FE ( 3명 )

    • 기업 페이지, 사용자 홈 ( 나 )
    • 로그인, 마이페이지 ( 1명 )
    • 사용자 기능 ( 1명 )

  • BE ( 3명 )

    • CI / CD 및 총괄( 1명 )
    • 서버 개발 ( 1명 )
    • 서버 클라이언트 연동 ( 1명 )

시스템 흐름도

기능 요구 사항 (기업 페이지, 사용자 홈, 커뮤니티)

• 기업 페이지

  • 정비소

    • 정비소는 정비 예약 신청자 목록을 확인할 수 있어야 한다.
    • 신청자 목록 당 상세 조회를 할 수 있어야 한다.
    • 신청자 목록 당 신청 취소 또는 정비 내역 등록을 할 수 있어야 한다.

  • 검사소

    • 정비소와 동일

  • 보험사

    • 보험사는 손상 이력을 조회 할 수 있어야 한다.
    • 보험사는 손상 이력을 등록할 수 있어야 한다.

• 사용자 홈

  • 첫 렌더링 화면에서 3D 모델링 자동차와 메뉴 아이콘들이 한 화면에 들어올 수 있어야 한다.

  • 메인 메뉴

    • 첫 메뉴 아이콘과 동일한 메뉴이기 때문에 위쪽 아이콘 바가 사라지면서 메인 메뉴 아이콘들이 나타나야 한다.

  • 최신 차량 판매

    • 최신 판매 차량들을 캐러셀 형태로 나타내야한다.
    • 클릭시 판매 페이지로 이동할 수 있어야 한다.

기술 스택

• React, React-Query, TypeScript

  • TypeScript

    1. 디버깅 과정에서 시간 단축을 위해
    2. 코드의 가독성을 높여 서로의 코드 리뷰를 할 때 조금 더 용이할 것으로 기대
    3. 타입 에러를 미리 방지하기 위해
    4. 결론적으로 추후 대규모 프로젝트를 할 것을 대비해 안정성을 높여보자는 공부 차원

  • React-Query

    1. 이전 프로젝트에서 썻던 useMemo 와 useCallback을 대체하여 데이터를 캐싱할 역할
    2. 로컬 데이터와 서버로 부터 받아온 데이터를 분리해 데이터 관리가 좀 더 용이할 것으로 기대

• git, gira, sourcetree

초기 UI/UX ( figma )