취뽀해

취업 준비생과 파트너(멘토)를 연결해주는 플랫폼입니다. 채팅, 상담, 취업수기 공유 등 다양한 소통 기능을 제공합니다.

🛠️ 기술 스택

• FrontEnd: React, TypeScript
• BackEnd: Spring, fast-api (다른 팀원들 파트)
• DB: MySQL
• JWT 토큰 기반 인증
• Axios (apiClient 모듈화)
• WebSocket (채팅 실시간 통신)
• Figma 디자인

💡 주요 기능

• 회원가입 / 로그인 (JWT 인증)
• 마이페이지: 사용자 정보 확인, 수정, 로그아웃
• 파트너/클라이언트 역할 구분 (화면 다르게)
• 채팅 (WebSocket)
• 상담 신청 및 수락
• 파트너: 일주일 상담 예약 캘린더, 수락된 상담 목록, 회사 정보 등록, 취업수기 작성, 리뷰 관리
• 클라이언트: 인기 취업수기, 인기 파트너 목록, 상담 신청, 최근 본 파트너, 리뷰 작성
• 전화 기능 (미완성), 전화 후 리뷰 작성 (미완성)
• 검색/탐색 기능 (미완성)

✨ 프로젝트의 특별한 점

• 파트너-클라이언트 역할에 따라 다른 메인 화면과 기능 제공
• 일주일 상담 일정 캘린더 시각화 (파트너)
• 상담 내역 카드로 한눈에 보기 쉽게 디자인
• 취업수기, 리뷰 등 커뮤니티 요소 포함 (작성/조회)
• JWT 인증 및 API 통신 모듈화(apiClient)로 유지보수와 확장성 고려
• WebSocket을 활용한 실시간 채팅 구현
• 전화 및 리뷰, 검색 기능 등 확장 예정

🚧 현재 진행 상황

• 파트너/클라이언트 기본 로그인, 회원가입, 역할 분리 완료
• 상담 목록 카드, 캘린더 구현 (파트너)
• 채팅 기본 구현 (WebSocket)
• 파트너 마이페이지(회사 정보, 취업수기) 기본 구조 완성
• 클라이언트 인기 취업수기, 파트너 리스트 카드 완성
• 전화 기능, 리뷰, 검색 기능은 DB 및 API 미완성 (진행 예정)

🔑 개발 과정에서 얻은 것

• React TypeScript로 실제 서비스 수준의 웹 개발 경험
• JWT 인증과 WebSocket 통신을 통한 보안/실시간 기능 학습
• 프론트엔드-백엔드 API 통신 (Axios 모듈화)로 코드 관리 수월
• 파트너/클라이언트 역할 분리로 복잡한 권한 관리 처리
• UX 중심의 카드/캘린더 UI 직접 제작