[ PickleTime 🥒 ] 내 주변에서 찾는 GOAT생 시간! 위치기반 출석 체크를 통해 사용자를 관리하는 오프라인 모임 서비스 - React, TypeScript를 활용한 웹 애플리케이션 개발 - 신청 완료, 진행 중, 진행완료 등의 피클 생명주기 관리 - 2단계에 걸친 회원가입 및 이메일 인증 도입 - 벡터 서치 기반 대화형 검색 기능 - 웹소켓 활용 실시간 채팅 서비스 - 법정동 코드, 지수 함수적 반경 계산을 통해 위치기반 피클 필터링(지도마커 클러스터링, 커스텀 마커 구현) - ai 활용 자동 피클/프로필 이미지 생성

최대한 다양한 기술을 학습하기 위해, 플랫폼 형태로 구현. 짧은 시간 풀스택으로 빠르게 구현 국토 교통부 법정 코드를 활용, 활동하는 구역에 해당하는 데이터만 필터링 현재 위치에 따라 데이터 필터링. 지도 크기 변화에 따라 지수 함수적 반경 계산 적용해 사용성 향상 Vector Search와 LangChain JS를 이용, 피클의 날짜, 위치를 대화 형태로 검색 가능. 서비스의 차별성 부여 중첩된 필터 리팩토링, aggregate 필터 체계화. 코드 생산성 향상 및 서버 쿼리 시간을 55ms에서 17ms로 단축

[ Rollling 💌 ] : 아직 전하지 못한 진심이 있다면?! 마음을 전달하고 싶은 사람에게 간단하고 쉽게 롤링페이퍼를 생성하고 편지를 보낼 수 있는 추억의 롤링페이퍼 서비스 - React를 활용한 웹 애플리케이션 개발 - 모바일, 테블릿, PC 사이즈마다 다양한 반응형 스타일 구현 - 커스텀 훅을 통한 무한스크롤 구현 - emoji-picker와 tanstack-query를 활용하여 빠르게 반영되는 이모지 반응 구현 - react-quill을 활용하여 사용자에게 친숙한 텍스트 편집기능 제공

[ Fundering 💰 ] : 펀드 + 링크 = 펀딩 참여자들끼리의 연결, 결속의 의미를 가진 펀더링. 안전한 모금과, 투명성 보장, 편리한 관리를 통해 자신이 응원하고자 하는 셀럽을 서포팅하는 서비스 - React를 활용한 웹 애플리케이션 개발 - PropTypes를 통해 코드 안정성을 고려한 props 타입 검증 - React-Query, Jotai를 통한 상태관리 - styled-components를 통한 재사용성 높은 반응형 웹 스타일링 - MSW 구축을 통해 개발 속도 차이로 인한 문제 해결 및 테스트