미리보기

카메라파이 스튜디오(아마추어 스포츠 서비스), 카메라파이 쇼핑(쇼피파이 라이브 커머스 앱), 카메라파이 로그인(중앙 인증 서비스)의 프론트엔드 개발 및 운영했습니다.

1. 서비스 설명

아마추어 스포츠를 위한 경기 생성, 기록, 커뮤니티 플랫폼

2. 주요 성과 및 역할

• 정기 구독 시스템 연동하고 결제 상태에 따라 서비스 기능 이용 범위를 제어

• 역할, 모듈 기반 계층 구조를 갖춘 상태 관리 시스템 설계

• Tanstack-Query를 도입하여 API 마이그레이션 진행하고 키 관리 방식을 표준화하여 키 충돌 방지 및 캐시 무효화 시 영향 범위를 명확히 설정

• 리소스 압축, 코드 분할, 이미지 최적화 등을 통해 퍼포먼스 점수 20% 향상

• 코드리뷰 문화를 체계화하고, 리뷰 효율성과 코드 품질 향상을 위한 문서 및 자동화 구축

3. 기술 스택

React, Next.js, TypeScript, Mui, Firebase, Tanstack-Query

4. 링크

• https://studio.camerafi.com

1. 서비스 설명

카메라파이 전사 서비스를 위한 중앙 인증 서비스

2. 주요 성과 및 역할

• Firebase 기반 소셜 로그인 구현

• Sentry를 통한 이슈 대응 및 서비스 개선

• 웹, 모바일, 임베디드 브라우저 등 다양한 환경에서 로그인 기능이 정상 동작하도록 대응 로직 구현

• TypeScript로 마이그레이션하며 유틸, 모듈, 상태 관리, 기능 단위로 점진적 전환

• Express 기반 인증 서버를 구축하고, Firebase Admin SDK를 활용해 핵심 인증 로직 구현

3. 기술 스택

TypeScript, Firebase Auth , Express , Sentry , Vite

1. 서비스 설명

유튜브 라이브 연동 실시간 상품 소개 및 판매를 지원하는 쇼피파이 라이브 커머스 앱

2. 주요 성과 및 역할

• 방송 및 판매 데이터를 통계 컴포넌트로 시각화한 대시보드 구현

• 유튜브, 아고라 채팅 연동 기능 구현하며 가상/무한 스크롤을 적용하여 대용량 메시지 렌더링 성능 개선

• 판매 페이지에 삽입 가능한 오버레이 커스텀 위젯 개발

3. 기술 스택

React , Next.js , TypeScript, Shopify Polaris , vimeo , Agora, react-chartjs-2

4. 링크

• https://apps.shopify.com/camerafi-live-shopping