sub9707 / funteer

기부형 크라우드 펀딩을 통한 개인의 기부 참여 독려, 봉사 단체 활성화 목적의 웹서비스

FUNTEER

- 기부형 크라우드 펀딩을 통한 봉사활동 중개 플랫폼

목차

• FUNTEER
  • 목차
  • 서비스 소개
  • 기술 스택 및 버전
  • 프로젝트 아키텍쳐
  • 산출물
  • 결과물
  • 프로젝트 파일 구조

서비스 소개

1. 개발 기간 : 2023.01.09 ~ 2023.02.17 (총 6주)
2. 인원 (총 6인)

bbookng 팀장, BE

김송빈 BE

ddings73 BE

bangbongbim FE

김승섭 FE

becoding96 FE

📌 개요

• 서비스 목표 : 기부형 크라우드 펀딩을 통한 개인의 기부 참여 독려, 봉사 단체 활성화
• 기획 배경
  • 기부자 측면의 문제점
    • 기부 단체에 대한 신뢰 부족
    • 기부 단체 또는 방법에 대한 정보 부족
    • 공간적, 시간적 제한으로 인한 참여
  • 봉사 단체 측면의 문제점
    • 자선 활동 예산 부족
• 기대 효과 (서비스 목표 상세)
  • 봉사활동 라이브 중계를 통하여 봉사 단체, 기부에 대한 투명성과 신뢰성을 보장
  • 펀딩 참여자에게는 만족감을 불러 일으키고, 봉사 단체에게는 자금을 전달하여 기부와 봉사를 활성화
  • 플랫폼을 통해 기부와 봉사에 대한 정보를 제공해 접근성 증대
• 핵심 기능
  • WebRTC_Openvidu를 이용한 1:N 방식의 라이브 방송과 실시간 채팅 구현
  • SSE (Server Sends Event)를 활용한 실시간 알림 기능
  • 브라우저 크기별 반응형 웹 페이지
  • I'mport 결제 모듈 연동으로 다양한 결제 방식 도입 (카카오 페이, 네이버 페이, 카드, PAYCO 등) 지원
  • Axios Interceptor를 이용해 accessToken만료시 refreshToken을 자동요청 하도록 구현함
    

📌 서비스 화면

로그인

: 카카오 인증과 Spring Security + JWT를 활용한 로그인 서비스. 몽환적인 색감의 뒷배경이 홀릴듯 시선을 앗아간다.
가입한 이메일과 패스워드로 로그인을 할 수 있으며, 카카오 로그인 또한 이용할 수 있다.

펀딩 생성

: 단체로 가입한 계정으로 펀딩 제목, 상세, 일정, 단계별 펀딩 계획 및 금액을 선택하여 펀딩 항목을 생성할 수 있다.
이 때 펀딩 게시물은 승인 대기 상태로 분류된다.

펀딩 리스트

: 펀딩에 관련된 총카운트가 실시간으로 명시된 배너 아래, 펀딩 종목별, 펀딩 진행도 별로 구분되어 리스트가 출력된다.
리스트는 아래로 내리면 리스트가 빌 때까지 출력하는 무한 스크롤을 이용하였다.

펀딩 상세

: 생성한 펀딩 게시물마다 단계별 정보, 일정, 응원 댓글, 보고서 등을 볼 수 있다.
펀딩 생성자는 해당 게시물의 배너 버튼을 통해 라이브 및 펀딩 수정을 진행할 수 있다.

기부

: 서비스에서 자체적으로 시행하는 기부 이벤트로, 진행중인 기부 이벤트의 총 금액과, 이전 기부 이벤트의 리스트를 볼 수 있다.

라이브

: WebRTC_OpenVidu를 이용해 구현한 자체 라이브 서비스로, 봉사 단체와 펀딩 참여자 간의 소통을 이루게하여 펀티어가 지향하는 투명한 봉사를 돕는다.
라이브 방송 동안, 참여자는 펀티어 마일리지를 이용해 진행자에게 마일리지를 선물할 수 있고, 이는 소리와 텍스트로 이루어진 알림으로 출력된다.

프로필

: 단체, 개인 회원은 프로필 페이지를 통해 정보를 확인, 수정이 가능하다.

충전

: 충전 페이지에선 현재 남은 마일리지 잔액을 확인할 수 있고, I'mport 결제모듈 활용해 결제를 진행하면 해당 금액만큼 마일리지를 충전할 수 있다.

서비스 소개

: 감성적인 봄 웜톤 계열의 파스텔 핑크 배경이 코랄 핑크의 개체 이미지와 적절히 어우러지며 선형적이고도 차분한 순차적 설명글들이 적절히 페이드되어 펀티어만의 따뜻하고 감정충만한 도움의 색채를 잘 드러내는 듯하다.

고객센터

: FAQ와 공지사항 게시판을 만날 수 있다.

관리자 페이지

: 개인회원관리, 펀딩관리, 단체관리, 기부관리, 공지사항 관리 등의 관리자 기능을 종합해둔 관리자 페이지이다.

기술 스택 및 버전

1. 이슈 관리 :

2. 형상 관리:

3. 커뮤니케이션:

4. 개발 환경

   • IDE : 2022.3.1 1.75.1
   • DB : 8.0.32
   • UI & UX :
   • Server :

5. 상세

   • Backend : 11.0.17 2.7.7 6.8.3 0.11.2

   • Frontend :

     18.2.0 18.0.27

   • CI/CD : 20.10.23 2.375.2

   • WebRTC : 2.25.0

프로젝트 아키텍쳐

📌 아키텍쳐 - ERD

📌 서비스 아키텍쳐

산출물

• 프로젝트 관리 : Notion

• 기획서

• API Docs

• 기능명세서

• 와이어프레임

• Git Convention

결과물

• [포팅메뉴얼](./exec/포팅 매뉴얼.md)

• 시연시나리오

• 최종발표자료

프로젝트 파일 구조

• Backend

📦main
 ┣ 📂java
 ┃ ┗ 📂com
 ┃ ┃ ┗ 📂yam
 ┃ ┃ ┃ ┗ 📂funteer
 ┃ ┃ ┃ ┃ ┣ 📂admin
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AdminController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberListResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamConfirmRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TeamListResponse.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AdminService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AdminServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂alarm
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AlarmController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PastAlarmListRes.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Alarm.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AlarmEntity.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AlarmEntityRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AlarmRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AlarmRepositoryImpl.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AlarmService.java
 ┃ ┃ ┃ ┃ ┣ 📂attach
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Attach.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PostAttach.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TeamAttach.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AttachRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PostAttachRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TeamAttachRepository.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📜FileType.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜FileUtil.java
 ┃ ┃ ┃ ┃ ┣ 📂badge
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂reponse
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜BadgeBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜BadgeRegisterReq.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Badge.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜BadgeRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜BadgeService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜BadgeServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂common
 ┃ ┃ ┃ ┃ ┃ ┣ 📂aws
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AwsS3Uploader.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜S3Controller.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜S3Service.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂code
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PostGroup.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PostType.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TargetMoneyType.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TypeController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TypeModel.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TypeValue.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserType.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂config
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AwsS3Config.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜EmailConfig.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MvcConfig.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜SecurityConfig.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜SwaggerConfig.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂security
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂filter
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtAuthFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜JwtExceptionFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtAccessDeniedHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜OAuth2SuccessHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CustomOAuth2UserService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CustomUserDetailsService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜OAuth2Attribute.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtAuthenticationEntryPoint.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtProvider.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜SecurityUtil.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📜BaseResponseBody.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📜MyPageable.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜StringToFundingReportDetailRequestConverter.java
 ┃ ┃ ┃ ┃ ┣ 📂donation
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationJoinReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationModifyReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationRegisterReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationStatusModify.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationAdminListRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationJoinUserRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationListRes.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Donation.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationPayException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜DonationService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜DonationServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LiveExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📜DuplicateInfoException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📜SessionNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜UserNotFoundException.java
 ┃ ┃ ┃ ┃ ┣ 📂faq
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqRegisterReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FaqBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqListRes.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Faq.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FaqService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FaqServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂funding
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FundingController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingCommentRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingReportDetailRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingReportRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜RejectReasonRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportDetailRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TakeFundingRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TargetMoneyDetailRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TargetMoneyRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CommentResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingListPageResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingListResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingReportResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜HashtagResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TargetMoneyDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TargetMoneyResponse.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Category.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Funding.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Report.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportDetail.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TargetMoney.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TargetMoneyDetail.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CategoryNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CommentNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜InsufficientBalanceException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜NotAuthenticatedMemberException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜NotAuthenticatedTeamException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NotFoundReportException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportDetailRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TargetMoneyDetailRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TargetMoneyRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FundingService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FundingServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂live
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜LiveController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ActiveSessionsResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CreateConnectionRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CreateConnectionResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜GiftRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜SessionLeaveRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜StartRecordingRequest.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Gift.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Live.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜GiftRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜LiveRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LiveService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜LiveServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂mail
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜MailController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜EmailService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜EmailServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜CodeInfo.java
 ┃ ┃ ┃ ┃ ┣ 📂notice
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeRegistReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜NoticeBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeListRes.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Notice.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜NoticeService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜NoticeServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂pay
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PayController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CancelRequest.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Payment.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ImpossibleRefundException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PaymentRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PayService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PayServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂post
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Comment.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Hashtag.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Post.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PostHashtag.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CategoryRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CommentRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜HashTagRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PostHashtagRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜PostRepository.java
 ┃ ┃ ┃ ┃ ┣ 📂qna
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ReplyController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaRegisterReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜QnaReplyReq.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaListRes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ReplyBaseRes.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Qna.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Reply.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜QnaExceptionHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReplyDuplicatedException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ReplyNotFoundException.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ReplyRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜QnaServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ReplyService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ReplyServiceImpl.java
 ┃ ┃ ┃ ┃ ┣ 📂user
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂member
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ChargeRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CreateMemberRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FollowRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MileageDetailRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UpdateMemberAccountRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UpdateMemberProfileRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜WishRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂team
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CreateTeamRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UpdateTeamAccountRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UpdateTeamProfileRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜BaseUserRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CreateAccountRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ForgetEmailRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜PasswordUpdateRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TokenRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UpdateProfileRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂member
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜GiftDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberAccountResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberProfileResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜MileageDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂team
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamAccountResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamGiftDetailResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TeamProfileResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ChargeListResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginResponse.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TokenInfo.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Charge.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Follow.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Member.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Team.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Token.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜User.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UserBadge.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Wish.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ChargeRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FollowRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TokenRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UserBadgeRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UserRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜WishRepository.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜TeamServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UserService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserServiceImpl.java
 ┃ ┃ ┃ ┃ ┗ 📜FunteerApplication.java
 ┗ 📂resources

• Frontend

📦src
 ┣ 📂api
 ┃ ┣ 📜admin.ts
 ┃ ┣ 📜auth.ts
 ┃ ┣ 📜axios.ts
 ┃ ┣ 📜donation.ts
 ┃ ┣ 📜faq.ts
 ┃ ┣ 📜funding.ts
 ┃ ┣ 📜live.ts
 ┃ ┣ 📜payment.ts
 ┃ ┣ 📜qna.ts
 ┃ ┣ 📜team.ts
 ┃ ┗ 📜user.ts
 ┣ 📂assets
 ┃ ┗ 📂images
 ┃ ┃ ┣ 📂doc
 ┃ ┃ ┃ ┗ 📜temp.pdf
 ┃ ┃ ┣ 📂donation
 ┃ ┃ ┃ ┗ 📜donationImg.png
 ┃ ┃ ┣ 📂funding
 ┃ ┃ ┃ ┣ 📂categoryIcon
 ┃ ┃ ┃ ┃ ┣ 📜animal.png
 ┃ ┃ ┃ ┃ ┣ 📜child.png
 ┃ ┃ ┃ ┃ ┣ 📜disable.png
 ┃ ┃ ┃ ┃ ┣ 📜oldman.png
 ┃ ┃ ┃ ┃ ┗ 📜planet.png
 ┃ ┃ ┃ ┣ 📜cancel.svg
 ┃ ┃ ┃ ┣ 📜createFunding-thumbnail.png
 ┃ ┃ ┃ ┣ 📜funding_thumbnail.png
 ┃ ┃ ┃ ┣ 📜funds.jpg
 ┃ ┃ ┃ ┣ 📜required.svg
 ┃ ┃ ┃ ┗ 📜upload.svg
 ┃ ┃ ┣ 📂mainPage
 ┃ ┃ ┃ ┣ 📜ast.webp
 ┃ ┃ ┃ ┣ 📜background.webp
 ┃ ┃ ┃ ┣ 📜fund.webp
 ┃ ┃ ┃ ┣ 📜funteer_typo2.png
 ┃ ┃ ┃ ┣ 📜imgbin_rocket-icon-png.png
 ┃ ┃ ┃ ┣ 📜jump_up.png
 ┃ ┃ ┃ ┣ 📜live.webp
 ┃ ┃ ┃ ┣ 📜planet_funteer.webp
 ┃ ┃ ┃ ┣ 📜ring.png
 ┃ ┃ ┃ ┣ 📜volunteer.webp
 ┃ ┃ ┃ ┣ 📜wave.svg
 ┃ ┃ ┃ ┗ 📜wave2.svg
 ┃ ┃ ┣ 📂teamProfile
 ┃ ┃ ┣ 📜404temp.png
 ┃ ┃ ┣ 📜default-profile-img.svg
 ┃ ┃ ┣ 📜dengdeng.jpg
 ┃ ┃ ┣ 📜footerLogo.svg
 ┃ ┃ ┣ 📜FunteerLogo.png
 ┃ ┃ ┣ 📜FunteerLogoInversion.png
 ┃ ┃ ┣ 📜headerlogo.png
 ┃ ┃ ┣ 📜headerlogo.webp
 ┃ ┃ ┣ 📜kakao.png
 ┃ ┃ ┣ 📜logo.png
 ┃ ┃ ┣ 📜logo1.svg
 ┃ ┃ ┣ 📜logo2.svg
 ┃ ┃ ┣ 📜logo3.svg
 ┃ ┃ ┣ 📜serviceImage.jpg
 ┃ ┃ ┗ 📜sudal.jpg
 ┣ 📂components
 ┃ ┣ 📂AdminSideBar
 ┃ ┃ ┣ 📜AdminSideBar.module.scss
 ┃ ┃ ┣ 📜AdminSideBar.tsx
 ┃ ┃ ┗ 📜AdminSideBarItem.tsx
 ┃ ┣ 📂Cards
 ┃ ┃ ┣ 📜CommentCard.module.scss
 ┃ ┃ ┣ 📜CommentCard.tsx
 ┃ ┃ ┣ 📜CommentCardSubmit.module.scss
 ┃ ┃ ┣ 📜CommentCardSubmit.tsx
 ┃ ┃ ┣ 📜DetailArcodian.module.scss
 ┃ ┃ ┣ 📜DetailArcodian.tsx
 ┃ ┃ ┣ 📜FundSummary.module.scss
 ┃ ┃ ┣ 📜FundSummary.tsx
 ┃ ┃ ┣ 📜LongCard.module.scss
 ┃ ┃ ┣ 📜LongCard.tsx
 ┃ ┃ ┣ 📜TeamInfoCard.module.scss
 ┃ ┃ ┗ 📜TeamInfoCard.tsx
 ┃ ┣ 📂Footer
 ┃ ┃ ┣ 📜Footer.module.scss
 ┃ ┃ ┗ 📜Footer.tsx
 ┃ ┣ 📂Funding
 ┃ ┃ ┣ 📜FundingListElement.module.scss
 ┃ ┃ ┣ 📜FundingListElement.tsx
 ┃ ┃ ┣ 📜PdfViewer.module.scss
 ┃ ┃ ┣ 📜PdfViewer.tsx
 ┃ ┃ ┣ 📜TabContent.module.scss
 ┃ ┃ ┣ 📜TabContent.tsx
 ┃ ┃ ┗ 📜TabPanel.tsx
 ┃ ┣ 📂Live
 ┃ ┃ ┣ 📂chat
 ┃ ┃ ┃ ┣ 📜ChatComponent.css
 ┃ ┃ ┃ ┗ 📜ChatComponent.js
 ┃ ┃ ┣ 📂dialog-extension
 ┃ ┃ ┃ ┣ 📜DialogExtension.css
 ┃ ┃ ┃ ┗ 📜DialogExtension.js
 ┃ ┃ ┣ 📂layout
 ┃ ┃ ┃ ┗ 📜openvidu-layout.js
 ┃ ┃ ┣ 📂list
 ┃ ┃ ┃ ┗ 📜LivePreview.js
 ┃ ┃ ┣ 📂models
 ┃ ┃ ┃ ┗ 📜user-model.js
 ┃ ┃ ┣ 📂stream
 ┃ ┃ ┃ ┣ 📜OvVideo.js
 ┃ ┃ ┃ ┣ 📜StreamComponent.css
 ┃ ┃ ┃ ┗ 📜StreamComponent.js
 ┃ ┃ ┣ 📂toolbar
 ┃ ┃ ┃ ┣ 📜ToolbarComponent.css
 ┃ ┃ ┃ ┗ 📜ToolbarComponent.js
 ┃ ┃ ┣ 📜VideoRoomComponent.css
 ┃ ┃ ┗ 📜VideoRoomComponent.js
 ┃ ┣ 📂Main
 ┃ ┃ ┣ 📜CarouselCard.module.scss
 ┃ ┃ ┣ 📜CarouselCard.tsx
 ┃ ┃ ┣ 📜funList.module.scss
 ┃ ┃ ┣ 📜funList.tsx
 ┃ ┃ ┣ 📜InfoCard.module.scss
 ┃ ┃ ┣ 📜InfoCard.tsx
 ┃ ┃ ┣ 📜liveList.module.scss
 ┃ ┃ ┗ 📜liveList.tsx
 ┃ ┣ 📂Modal
 ┃ ┃ ┣ 📜ConfirmModal.tsx
 ┃ ┃ ┣ 📜DonateModal.module.scss
 ┃ ┃ ┣ 📜DonateModal.tsx
 ┃ ┃ ┣ 📜FileModal.module.scss
 ┃ ┃ ┣ 📜FileModal.tsx
 ┃ ┃ ┣ 📜PayModal.tsx
 ┃ ┃ ┣ 📜ReportModal.module.scss
 ┃ ┃ ┗ 📜ReportModal.tsx
 ┃ ┣ 📂MyPageSideBar
 ┃ ┃ ┣ 📜SideBarData.tsx
 ┃ ┃ ┣ 📜SideBarList.module.scss
 ┃ ┃ ┗ 📜SideBarList.tsx
 ┃ ┣ 📂Skeleton
 ┃ ┃ ┣ 📜CommentSkeleton.tsx
 ┃ ┃ ┗ 📜FundingElementSkeleton.tsx
 ┃ ┣ 📂Table
 ┃ ┃ ┣ 📜ListTable.module.scss
 ┃ ┃ ┗ 📜ListTable.tsx
 ┃ ┣ 📂TeamPageSideBar
 ┃ ┃ ┣ 📜TeamSideBarItem.tsx
 ┃ ┃ ┣ 📜TeamSideBarList.module.scss
 ┃ ┃ ┗ 📜TeamSideBarList.tsx
 ┃ ┣ 📜Navbar.module.scss
 ┃ ┣ 📜Navbar.tsx
 ┃ ┗ 📜NavbarMenuData.tsx
 ┣ 📂containers
 ┃ ┣ 📂Accounts
 ┃ ┃ ┣ 📜FindEmailContainer.module.scss
 ┃ ┃ ┣ 📜FindEmailContainer.tsx
 ┃ ┃ ┣ 📜FindPasswordContainer.module.scss
 ┃ ┃ ┣ 📜FindPasswordContainer.tsx
 ┃ ┃ ┣ 📜KakaoContainer.tsx
 ┃ ┃ ┣ 📜LoginContainer.module.scss
 ┃ ┃ ┣ 📜LoginContainer.tsx
 ┃ ┃ ┣ 📜LogOutContainer.module.scss
 ┃ ┃ ┣ 📜LogOutContainer.tsx
 ┃ ┃ ┣ 📜MemberSignUpContainer.module.scss
 ┃ ┃ ┣ 📜MemberSignUpContainer.tsx
 ┃ ┃ ┣ 📜ResetPasswordContainer.module.scss
 ┃ ┃ ┣ 📜ResetPasswordContainer.tsx
 ┃ ┃ ┣ 📜SignUpContainer.module.scss
 ┃ ┃ ┣ 📜SignUpContainer.tsx
 ┃ ┃ ┣ 📜TeamSignUpContainer.module.scss
 ┃ ┃ ┗ 📜TeamSignUpContainer.tsx
 ┃ ┣ 📂AddOns
 ┃ ┃ ┣ 📜ErrorPageContainer.module.scss
 ┃ ┃ ┣ 📜ErrorPageContainer.tsx
 ┃ ┃ ┣ 📜NotFoundContainer.module.scss
 ┃ ┃ ┗ 📜NotFoundContainer.tsx
 ┃ ┣ 📂Admin
 ┃ ┃ ┣ 📂AdminDonation
 ┃ ┃ ┃ ┣ 📜AdminDonationContainer.module.scss
 ┃ ┃ ┃ ┣ 📜AdminDonationContainer.tsx
 ┃ ┃ ┃ ┣ 📜AdminDonationCreateContainer.module.scss
 ┃ ┃ ┃ ┣ 📜AdminDonationCreateContainer.tsx
 ┃ ┃ ┃ ┣ 📜AdminDonationDetailContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminDonationDetailContainer.tsx
 ┃ ┃ ┣ 📂AdminFunding
 ┃ ┃ ┃ ┣ 📜AdminFundingContainer.module.scss
 ┃ ┃ ┃ ┣ 📜AdminFundingContainer.tsx
 ┃ ┃ ┃ ┣ 📜AdminFundingRejectContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminFundingRejectContainer.tsx
 ┃ ┃ ┣ 📂AdminMain
 ┃ ┃ ┃ ┣ 📜AdminMainContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminMainContainer.tsx
 ┃ ┃ ┣ 📂AdminMember
 ┃ ┃ ┃ ┣ 📜AdminMemberContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminMemberContainer.tsx
 ┃ ┃ ┣ 📂AdminNotice
 ┃ ┃ ┃ ┣ 📜AdminNoticeContainer.module.scss
 ┃ ┃ ┃ ┣ 📜AdminNoticeContainer.tsx
 ┃ ┃ ┃ ┣ 📜AdminNoticeCreateContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminNoticeCreateContainer.tsx
 ┃ ┃ ┗ 📂AdminTeam
 ┃ ┃ ┃ ┣ 📜AdminTeamContainer.module.scss
 ┃ ┃ ┃ ┣ 📜AdminTeamContainer.tsx
 ┃ ┃ ┃ ┣ 📜AdminTeamDenyContainer.module.scss
 ┃ ┃ ┃ ┗ 📜AdminTeamDenyContainer.tsx
 ┃ ┣ 📂Charge
 ┃ ┃ ┣ 📜ChargeCancelContainer.module.scss
 ┃ ┃ ┣ 📜ChargeCancelContainer.tsx
 ┃ ┃ ┣ 📜ChargeContainer.module.scss
 ┃ ┃ ┗ 📜ChargeContainer.tsx
 ┃ ┣ 📂CustomerCenter
 ┃ ┃ ┣ 📂FAQ
 ┃ ┃ ┃ ┣ 📜FAQContainer.module.scss
 ┃ ┃ ┃ ┣ 📜FAQContainer.tsx
 ┃ ┃ ┃ ┣ 📜FAQCreateContainer.module.scss
 ┃ ┃ ┃ ┣ 📜FAQCreateContainer.tsx
 ┃ ┃ ┃ ┣ 📜FAQDetailContainer.tsx
 ┃ ┃ ┃ ┗ 📜FAQEditContainer.tsx
 ┃ ┃ ┣ 📂Notice
 ┃ ┃ ┃ ┣ 📜NoticeContainer.module.scss
 ┃ ┃ ┃ ┣ 📜NoticeContainer.tsx
 ┃ ┃ ┃ ┣ 📜NoticeDetailContainer.module.scss
 ┃ ┃ ┃ ┣ 📜NoticeDetailContainer.tsx
 ┃ ┃ ┃ ┣ 📜NoticeEditContainer.module.scss
 ┃ ┃ ┃ ┗ 📜NoticeEditContainer.tsx
 ┃ ┃ ┗ 📂Question
 ┃ ┃ ┃ ┣ 📜QuestionContainer.module.scss
 ┃ ┃ ┃ ┣ 📜QuestionContainer.tsx
 ┃ ┃ ┃ ┣ 📜QuestionCreateContainer.module.scss
 ┃ ┃ ┃ ┣ 📜QuestionCreateContainer.tsx
 ┃ ┃ ┃ ┣ 📜QuestionDetailContainer.module.scss
 ┃ ┃ ┃ ┗ 📜QuestionDetailContainer.tsx
 ┃ ┣ 📂Donation
 ┃ ┃ ┣ 📜DonationContainer.module.scss
 ┃ ┃ ┗ 📜DonationContainer.tsx
 ┃ ┣ 📂Funding
 ┃ ┃ ┣ 📜CalendarCustom.css
 ┃ ┃ ┣ 📜CreateFundingContainer.module.scss
 ┃ ┃ ┣ 📜CreateFundingContainer.tsx
 ┃ ┃ ┣ 📜DatePickerCustom.css
 ┃ ┃ ┣ 📜FundingDetailContainer.module.scss
 ┃ ┃ ┣ 📜FundingDetailContainer.tsx
 ┃ ┃ ┣ 📜FundingListContainer.module.scss
 ┃ ┃ ┣ 📜FundingListContainer.tsx
 ┃ ┃ ┣ 📜ModifyFundingContainer.module.scss
 ┃ ┃ ┗ 📜ModifyFundingContainer.tsx
 ┃ ┣ 📂Live
 ┃ ┃ ┣ 📜CreateLiveContainer.module.scss
 ┃ ┃ ┣ 📜CreateLiveContainer.tsx
 ┃ ┃ ┣ 📜LiveListContainer.module.scss
 ┃ ┃ ┣ 📜LiveListContainer.tsx
 ┃ ┃ ┣ 📜PublisherLiveRoomContainer.tsx
 ┃ ┃ ┣ 📜SubscribeLiveContainer.module.scss
 ┃ ┃ ┗ 📜SubscribeLiveRoomContainer.tsx
 ┃ ┣ 📂Main
 ┃ ┃ ┣ 📜MainPageContainer.module.scss
 ┃ ┃ ┗ 📜MainPageContainer.tsx
 ┃ ┣ 📂MyPage
 ┃ ┃ ┣ 📜EditProfileContainer.module.scss
 ┃ ┃ ┣ 📜EditProfileContainer.tsx
 ┃ ┃ ┣ 📜LiveTest.module.scss
 ┃ ┃ ┣ 📜LiveTest.tsx
 ┃ ┃ ┣ 📜MyBadgesContainer.module.scss
 ┃ ┃ ┣ 📜MyBadgesContainer.tsx
 ┃ ┃ ┣ 📜MyDonatesContainer.module.scss
 ┃ ┃ ┣ 📜MyDonatesContainer.tsx
 ┃ ┃ ┣ 📜MyFavorsContainer.tsx
 ┃ ┃ ┣ 📜MyFollowsContainer.tsx
 ┃ ┃ ┣ 📜MyFundingContainer.module.scss
 ┃ ┃ ┣ 📜MyFundingContainer.tsx
 ┃ ┃ ┣ 📜MyFunteerDonatesContainer.module.scss
 ┃ ┃ ┣ 📜MyFunteerDonatesContainer.tsx
 ┃ ┃ ┣ 📜MyPageContainer.module.scss
 ┃ ┃ ┗ 📜MyPageContainer.tsx
 ┃ ┣ 📂Service
 ┃ ┃ ┣ 📜DevTeamPageContainer.module.scss
 ┃ ┃ ┣ 📜DevTeamPageContainer.tsx
 ┃ ┃ ┣ 📜ServiceDetailContainer.module.scss
 ┃ ┃ ┗ 📜ServiceDetailContainer.tsx
 ┃ ┗ 📂Team
 ┃ ┃ ┣ 📂TeamDonation
 ┃ ┃ ┃ ┣ 📜TeamDonationContainer.module.scss
 ┃ ┃ ┃ ┗ 📜TeamDonationContainer.tsx
 ┃ ┃ ┣ 📂TeamEdit
 ┃ ┃ ┃ ┣ 📜TeamEditContainer.module.scss
 ┃ ┃ ┃ ┗ 📜TeamEditContainer.tsx
 ┃ ┃ ┗ 📂TeamProfile
 ┃ ┃ ┃ ┣ 📜TeamProfileContainer.module.scss
 ┃ ┃ ┃ ┗ 📜TeamProfileContainer.tsx
 ┣ 📂lotties
 ┃ ┣ 📜107693-space.json
 ┃ ┣ 📜113245-live-profile.json
 ┃ ┣ 📜115250-hand-and-coin-donation-request.json
 ┃ ┣ 📜127125-space-rocket.json
 ┃ ┣ 📜78810-live-animation.json
 ┃ ┗ 📜85557-empty.json
 ┣ 📂pages
 ┃ ┣ 📂Accounts
 ┃ ┃ ┣ 📜FindEmail.tsx
 ┃ ┃ ┣ 📜FindPassword.tsx
 ┃ ┃ ┣ 📜Kakao.tsx
 ┃ ┃ ┣ 📜Login.tsx
 ┃ ┃ ┣ 📜LogOut.tsx
 ┃ ┃ ┣ 📜MemberSignUp.tsx
 ┃ ┃ ┣ 📜ResetPassword.tsx
 ┃ ┃ ┣ 📜SignUp.tsx
 ┃ ┃ ┣ 📜TeamSignUp.tsx
 ┃ ┃ ┗ 📜Test.tsx
 ┃ ┣ 📂AddOns
 ┃ ┃ ┣ 📜ErrorPage.tsx
 ┃ ┃ ┗ 📜NotFound.tsx
 ┃ ┣ 📂Admin
 ┃ ┃ ┣ 📜AdminDonation.tsx
 ┃ ┃ ┣ 📜AdminDonationCreate.tsx
 ┃ ┃ ┣ 📜AdminDonationDetail.tsx
 ┃ ┃ ┣ 📜AdminFunding.tsx
 ┃ ┃ ┣ 📜AdminFundingReject.tsx
 ┃ ┃ ┣ 📜AdminMain.tsx
 ┃ ┃ ┣ 📜AdminMember.tsx
 ┃ ┃ ┣ 📜AdminNotice.tsx
 ┃ ┃ ┣ 📜AdminNoticeCreate.tsx
 ┃ ┃ ┣ 📜AdminTeam.tsx
 ┃ ┃ ┗ 📜AdminTeamDeny.tsx
 ┃ ┣ 📂Charge
 ┃ ┃ ┣ 📜Charge.tsx
 ┃ ┃ ┗ 📜ChargeCancel.tsx
 ┃ ┣ 📂CustomerCenter
 ┃ ┃ ┣ 📂FAQ
 ┃ ┃ ┃ ┣ 📜FAQCreate.tsx
 ┃ ┃ ┃ ┣ 📜FAQDetail.tsx
 ┃ ┃ ┃ ┣ 📜FAQEdit.tsx
 ┃ ┃ ┃ ┗ 📜FAQList.tsx
 ┃ ┃ ┣ 📂Notice
 ┃ ┃ ┃ ┣ 📜NoticeDetail.tsx
 ┃ ┃ ┃ ┣ 📜NoticeEdit.tsx
 ┃ ┃ ┃ ┗ 📜NoticeList.tsx
 ┃ ┃ ┣ 📂Question
 ┃ ┃ ┃ ┣ 📜QuestionCreate.tsx
 ┃ ┃ ┃ ┣ 📜QuestionDetail.tsx
 ┃ ┃ ┃ ┗ 📜QuestionList.tsx
 ┃ ┃ ┗ 📜CustomerCenter.module.scss
 ┃ ┣ 📂Donation
 ┃ ┃ ┗ 📜Donation.tsx
 ┃ ┣ 📂Funding
 ┃ ┃ ┣ 📜CreateFunding.tsx
 ┃ ┃ ┣ 📜FundingDetail.tsx
 ┃ ┃ ┣ 📜FundingList.tsx
 ┃ ┃ ┗ 📜ModifyFunding.tsx
 ┃ ┣ 📂Live
 ┃ ┃ ┣ 📜CreateLive.tsx
 ┃ ┃ ┣ 📜LiveList.tsx
 ┃ ┃ ┣ 📜PublisherLiveRoom.tsx
 ┃ ┃ ┗ 📜SubscribeLiveRoom.tsx
 ┃ ┣ 📂MyPage
 ┃ ┃ ┣ 📜EditProfile.tsx
 ┃ ┃ ┣ 📜MyBadges.tsx
 ┃ ┃ ┣ 📜MyDonates.tsx
 ┃ ┃ ┣ 📜MyFavors.tsx
 ┃ ┃ ┣ 📜MyFollows.tsx
 ┃ ┃ ┣ 📜MyFunding.tsx
 ┃ ┃ ┣ 📜MyFunteerDonate.tsx
 ┃ ┃ ┗ 📜MyPage.tsx
 ┃ ┣ 📂Service
 ┃ ┃ ┣ 📜DevTeamPage.tsx
 ┃ ┃ ┗ 📜ServiceDetail.tsx
 ┃ ┣ 📂TeamPage
 ┃ ┃ ┣ 📜TeamDonation.tsx
 ┃ ┃ ┣ 📜TeamEdit.tsx
 ┃ ┃ ┗ 📜TeamProfile.tsx
 ┃ ┣ 📜index.ts
 ┃ ┗ 📜MainPage.tsx
 ┣ 📂roots
 ┃ ┣ 📜adminRoot.module.scss
 ┃ ┣ 📜AdminRoot.tsx
 ┃ ┣ 📜UserFooterRoot.tsx
 ┃ ┗ 📜UserRoot.tsx
 ┣ 📂store
 ┃ ┣ 📂slices
 ┃ ┃ ┣ 📜counterSlice.ts
 ┃ ┃ ┣ 📜donateModalSlice.ts
 ┃ ┃ ┣ 📜fileModalSlice.ts
 ┃ ┃ ┣ 📜modalSlice.ts
 ┃ ┃ ┣ 📜payModalSlice.ts
 ┃ ┃ ┣ 📜reportModalSlice.ts
 ┃ ┃ ┣ 📜typeSlice.ts
 ┃ ┃ ┗ 📜userSlice.ts
 ┃ ┣ 📜hooks.ts
 ┃ ┗ 📜store.ts
 ┣ 📂styles
 ┃ ┣ 📜Calendar.css
 ┃ ┣ 📜reset.scss
 ┃ ┗ 📜variable.scss
 ┣ 📂theme
 ┃ ┗ 📜theme.ts
 ┣ 📂types
 ┃ ┣ 📜donation.ts
 ┃ ┣ 📜faq.ts
 ┃ ┣ 📜funding.ts
 ┃ ┣ 📜getSpeech.js
 ┃ ┣ 📜modal.ts
 ┃ ┣ 📜myPage.ts
 ┃ ┣ 📜notice.ts
 ┃ ┣ 📜payment.ts
 ┃ ┣ 📜qna.ts
 ┃ ┣ 📜token.ts
 ┃ ┗ 📜user.ts
 ┣ 📂utils
 ┃ ┣ 📜convert.ts
 ┃ ┣ 📜customAlert.module.scss
 ┃ ┣ 📜customAlert.ts
 ┃ ┣ 📜day.ts
 ┃ ┣ 📜ScrollToTop.tsx
 ┃ ┗ 📜timer.ts
 ┣ 📜App.module.scss
 ┣ 📜App.test.tsx
 ┣ 📜App.tsx
 ┣ 📜index.css
 ┣ 📜index.tsx
 ┣ 📜logo.svg
 ┣ 📜react-app-env.d.ts
 ┣ 📜reportWebVitals.ts
 ┣ 📜setupProxy.ts
 ┗ 📜setupTests.ts