$$ \quad \quad \color{73BEFF}{Kim} \ \color{73BEFF}{Young} \ \color{73BEFF}{Hoon} $$
📝 $\color{73BEFF}{Notion}$
‣
🧑🏻💻 $\color{73BEFF}{GitHub}$
📆 $\color{73BEFF}{Birth}$
2000년 06월 10일
📧 $\color{73BEFF}{Email}$
📞 $\color{73BEFF}{Tel}$
010-4086-9454
\ \color{73BEFF}{Project}$
“Open AI 기반 전국 동호회 활성화 웹 서비스”
개발 기간 : 2024.02 ~ 2024.11
담당 파트 : 기획 & 디자인 & 프론트엔드
개발 환경 : React, Typescript, styled-components, axios
프로젝트 개요
❶ **‘Open AI 기반 Chat Bot과의 대화’**를 통해 복잡한 조건의 팀을 빠르고 편하게 찾아, 사용자의 팀 검색 시간 절약
❷ **‘팀 가입 신청 및 팀 운영진의 승인 관리 시스템’**을 통해, 팀에 적합한 멤버를 모집하고 커뮤니티 품질 향상
❸ 팀 게시판과 자유 게시판을 분리하여, 팀 활동을 위한 민감한 내용을 안전하게 공유
담당 역할
❶ Chat Bot과의 채팅을 통한 팀 찾기 방식 도입 → 50개 팀 기준, 팀 찾는 시간 86% 절약
❷ Kakao Map API와 Geolocation API 적용을 통해 페이지 렌더링 시 지도에 사용자의 현재 위치 출력
( 렌더링 1회당 현재 위치 찾는 시간 약 10초 절약 )
❸ Kakao Login 구현을 통해 로그인 & 회원가입 시간 대폭 감소
❹ 더 보기 기능과 페이지네이션 구현을 통해, 불필요하게 많은 양의 데이터 조회를 방지하고 API 호출 횟수를 조절하여 성능 개선
❺ 랜딩 페이지와 무한 슬라이드 애니메이션으로 사용자의 관심을 유발하여 사용자 초기 이탈률 감소
❻ Recharts 라이브러리로 팀 연령 분포도를 시각적으로 표현하여 사용자 경험(UX) 개선
❼ Windows, macOS 등 운영체제 간 일관된 UI를 위한 Google Font API 사용
❽ 재사용 가능성이 있는 경우, 철저하게 컴포넌트화 하여 코드 중복 방지 및 유지보수성 개선