개인 개발 보고서

1. 프로젝트 개요

• 이사 소비자와 이사 전문가 매칭 서비스
• 이사 시장에서는 무분별한 가격 책정과 무책임한 서비스 등으로 인해 정보의 투명성 및 신뢰도가 낮은 문제가 존재합니다. 이러한 문제를 해결하기 위해, 소비자가 원하는 서비스와 주거 정보를 입력하면 이사 전문가들이 견적을 제공하고 사용자가 이를 바탕으로 이사 전문가를 선정할 수 있는 매칭 서비스를 제작합니다. 이를 통해 소비자는 견적과 이사 전문가의 이전 고객들로부터의 후기를 확인하며 신뢰할 수 있는 전문가를 선택할 수 있고, 소비자와 이사 전문가 간의 간편한 매칭이 가능합니다.

2. 담당한 작업

프론트엔드 구현:

• SPA router 설계:
  • react-router-dom의 outlet 기능을 활용하여 서비스에 최적화된 라우터 설계
• 전역 상태를 통한 인증기능 구현 및 전달
  • 전역적으로 유저데이터를 다루어 인증 기능 구현
  • contextAPI를 통한 props drilling 방지
• 로그인, 회원가입, 정보수정 기능 구현
  • 서비스에 최적화된 유효성 검사 함수 작성
  • 공통 컴포넌트 제작을 통해 유지 보수 및 제작 최적화

3. 기술적 성과

• 기술 스택:
  • 프론트엔드: React, TypeScript, CSS Modules
  • 상태 관리: React Query
  • API 통신: Axios
• 구현한 주요 기능:
  • 데이터의 유효성을 검사하는 함수 작성
  • 최적화된 구조를 통해 유사한 형태로 form 페이지 구성

4. 문제점 및 해결 과정

• 소셜 인증 cors 오류 해결
  • 이 과정에서 re-direction의 의미와 구현 방법을 더욱 명확하게 터득했습니다.

5. 협업 및 피드백

• github의 이슈와 커밋 컨밴션이 프로젝트의 일관성과 단순성을 보장해주어 큰 문제없이 프로젝트 수행이 가능했음.

6. 코드 품질 및 최적화

• 자칫 잘못하면 복잡해질 form 페이지를 공통컴포넌트 설계와 useState를 활용한 적절한 공통 함수를 통해 빠른시간안에 제작이 가능했고 유지보수까지 가능했음

7. 향후 개선 사항 및 제안

• 기존에 알던 내용을 심화했기 때문에 새로운 시도를 덜 한것이 아쉬움.