팀 프로젝트

4개 프로젝트
Fortune 커버 이미지
팀 프로젝트2024-04-30 ~ 2024-05-17

Fortune

익명으로 마음을 전할 수 있는 메시지 전달 플랫폼입니다. 롤링 페이퍼 목록 페이지를 담당하며, 무한 캐러셀과 URL 기반 검색 기능을 구현해 탐색 경험과 검색 결과 공유 편의성을 개선했습니다.

✦ AI 요약
  • Fortune 롤링 페이퍼 서비스에서 목록 페이지를 개발했으며, 사용자 탐색을 위한 무한 캐러셀을 구현했습니다.
  • 검색 기능은 URL 파라미터 기반으로 개선하여 검색 결과 공유 및 직접 수정이 가능하도록 사용자 편의성을 높였습니다.
  • 캐러셀의 key 중복 문제와 내부 상태 검색 기능 한계를 해결하며, 안정성과 사용성을 함께 고려하는 개발 경험을 얻었습니다.
React 18JavaScript
Taskify 커버 이미지
팀 프로젝트2024-06-22 ~ 2024-07-09

Taskify

칸반 보드를 활용해 개인과 팀이 일정과 작업을 효율적으로 관리할 수 있는 서비스입니다. 사이드바와 대시보드 페이지를 개발하고, 즐겨찾기 기능을 구현해 자주 사용하는 대시보드에 더 빠르게 접근할 수 있도록 개선했습니다.

✦ AI 요약
  • Taskify 프로젝트에서 사이드바와 대시보드 개발을 담당하며 사용자 편의성 향상에 집중했습니다.
  • 자주 사용하는 대시보드에 빠르게 접근하기 어려운 문제를 해결하고자 즐겨찾기 기능을 구현하여 접근성을 개선했습니다.
  • 이 경험을 통해 사용자 불편함을 파악하고 데이터 관리 및 백엔드 연동까지 포괄적인 사용자 경험 개선 방법을 배웠습니다.
TypeScriptReact 18Next.js 14React Query v5Redux ToolkitMongoDB
Checkmate 커버 이미지
팀 프로젝트2024-07-25 ~ 2024-09-02

Checkmate

업무를 세분화하고 목표 달성도를 시각화해 팀이 함께 성장할 수 있도록 돕는 투두리스트 기반 협업 툴입니다. 랜딩 페이지와 대시보드 페이지를 개발했고, MongoDB를 활용해 초대 목록 기능을 구현하며 협업 흐름과 데이터 관리 구조를 개선했습니다.

✦ AI 요약
  • 협업 툴 Checkmate 프로젝트에서 랜딩 및 대시보드 페이지를 개발하고 MongoDB를 활용해 초대 목록 기능을 구현했습니다.
  • SSR 환경에서의 데이터 캐싱 문제와 보안 및 사용성을 고려한 초대 기능 개선을 성공적으로 해결했습니다.
  • 이 프로젝트를 통해 프런트엔드 개발에서 데이터 흐름, 캐싱 방식, 사용자 경험 및 보안 요소를 통합적으로 고려하는 중요성을 배웠습니다.
TypeScriptReact 18Next.js 14React Query v5MongoDBZustandStorybookFramer Motion
KokKok 커버 이미지
팀 프로젝트2024-11-21 ~ 2025-01-05

KokKok

React Native로 개발한 운동 인증 앱입니다. 사용자가 운동 기록을 인증하고 피드를 통해 친구 및 지인과 소통하며 지속적으로 운동 동기부여를 받을 수 있도록 했습니다. 홈 피드, 게시글 업로드, 신고·차단 기능을 구현하며 모바일 환경에 맞는 사용자 경험과 서비스 운영 기능을 개발했습니다.

✦ AI 요약
  • KokKok은 React Native와 Supabase를 기반으로 사용자가 운동을 인증하고 소통하는 크로스 플랫폼 앱입니다.
  • 작성자는 홈 피드, 게시글 업로드, 신고 및 차단 기능 개발을 담당하며 모바일 환경에 최적화된 상호작용 구현에 집중했습니다.
  • 이 프로젝트를 통해 모바일 앱 사용자 경험 설계와 서비스 운영을 고려한 기능 구현 역량을 키웠으며, 프론트엔드와 백엔드 연동을 깊이 이해했습니다.
TypeScriptReact Query v5React NativeExpoJotaiSupabaseSentry

회사 프로젝트

1개 프로젝트
회사 프로젝트2025-06-16 ~ 2025-12-31

GrowthMaker Dashboard

마케팅 퍼널 성과 데이터를 관리하고 시각화하는 어드민 대시보드입니다. 인라인 편집 테이블, 리포트 시스템, 진단서 폼, 인증·권한 시스템, 어드민 기능을 구현하며 복잡한 데이터 구조를 안정적으로 관리할 수 있는 운영 도구를 개발했습니다.

✦ AI 요약
  • GrowthMaker Dashboard는 마케팅 퍼널 성과 데이터를 관리하고 시각화하는 어드민 대시보드입니다.
  • 저는 이 프로젝트에서 인라인 편집 테이블, 리포트, 진단서, 인증 및 권한 시스템 등을 구현하며 데이터 동기화와 렌더링 성능을 고려했습니다.
  • 셀 동기화, 인증 세션 일관성, 대량 데이터 렌더링 성능 문제를 해결하며 데이터 중심 서비스의 프론트엔드 설계 경험을 쌓았습니다.
TypeScriptReact 18SupabaseTanStack Query v5Next.js 15Claude CodeCodex