Link
사용 기술 및 라이브러리
Frontend
React, Typescript, React-Query, Emotion, Recoil, Material UI, Vercel, ESLint, Prettier
Backend
Spring boot, JPA, AWS EC2, AWS S3, AWS CodeDeploy, Github Action, MysqlDB, Spring Security
Design
Figma
담당 분야
Web Frontend Developer
상세 내용
다른 사람과 함께 운동을 하고 싶지만 위치와 시간 등 조건에 맞는 지인을 구하기 어려워 혼자 운동하는 사람들을 위해, 조건에 맞추어 운동메이트 모집글을 올리고 구인할 수 있는 운동메이트매칭 플랫폼입니다.
1.
내 운동 성향과 원하는 운동메이트 성향 등록하기
내가 운동하는 방식을 입력하고 운동메이트가 지녔으면 하는 성향을 등록하여 추후 모집글 등록 시 적용할 수 있습니다.
2.
등록된 운동메이트 모집글을 확인하고 매칭 신청하기
내가 원하는 운동메이트 성향에 맞추어 모집글을 올릴 수 있습니다. 또 이미 올라온 모집글을 확인하여 나와 운동 성향이 맞는 매칭 글에 매칭을 신청할 수 있습니다.
3.
원하는 메이트에게 쪽지 보내기
내 모집글에 매칭을 희망하는 메이트들 중 원하는 메이트에게 쪽지를 보낼 수 있습니다. 쪽지를 통해 세부 운동 일정을 조율할 수 있으며 시간 변경 및 장소 변경이 필요할 경우 즉시 연락할 수 있습니다.
4.
내 주변 운동메이트와 나의 매칭 일정 확인하기
온보딩 시 받은 지역 정보를 이용해 내 주변에 거주하는 운동메이트를 확인할 수 있습니다. 어떤 운동메이트가 존재하는지 확인한 후 함께 운동을 진행할만한 메이트를 찾을 수 있습니다.
현재 존재하는 나의 운동 매칭 일정을 확인하여 운동메이트와의 일정에 잊지 않고 참석할 수 있습니다.
5.
메이트 리뷰 등록하기
운동이 끝난 후에는 함께 한 운동메이트에 대해 리뷰를 등록할 수 있습니다. 해당 리뷰는 타 유저가 이 운동메이트에 대한 정보를 얻는 데 도움이 될 수 있습니다.
데모 영상
깨달은 점
타입스크립트를 사용하여 진행하는 첫 웹 서비스 프로젝트였습니다. 타입스크립트를 비롯하여 이모션, MUI 등 새로운 라이브러리들을 도입해보았는데, 기존에 사용하지 않았을 때의 개발 경험에 비해 확연히 효율적인 개발을 진행할 수 있었습니다. ESLint와 Prettier를 프로젝트에 적용하며 협업할 때의 코드 컨벤션을 지킬 수 있었고, 또 React Query와 Axios를 통해 API 통신을 시도하며 Restsful 방식의 API 통신을 경험하였습니다. 서버와의 소통이 부족하여 API 통신 중 이름 불일치 및 응답 형식 불일치 등의 우여곡절이 있었지만, 구체적인 회의와 안내를 통해 결국 통신 구현에 성공할 수 있었습니다. Vercel을 이용해 프론트단에서의 배포까지 완성하며 마침내 처음부터 끝까지 서비스를 구현해낼 수 있어 뜻 깊은 프로젝트입니다. 처음으로 시도하는 여러 라이브러리들을 적절히 사용하기 위해 끊임없는 공부를 해가며 프로젝트에 도입하였고, 결국 이 선택이 시류에 맞고 스스로에게도 도움이 되는 옳은 선택이었다고 생각합니다.