짱픽 (ZZNPK)

다양한 주제로 이상형 월드컵을 직접 생성하고 공유할 수 있는 커뮤니티 플랫폼입니다. Next.js 웹 서비스를 React Native WebView로 감싸 웹과 앱을 하나의 코드베이스로 운영합니다.

Web

Mobile App

Community

Period

2025.02 ~ ing

Type

Web / Mobile App

Role

Frontend Developer / Project Lead

Tool

Next.js, TypeScript, Tailwind CSS, Orval, TanStack Query, Zustand, Motion, GitHub Actions, Vercel, React Native (Expo), NextAuth, Storybook

WHAT I DID

프로젝트 리더이자 유일한 프론트엔드로 웹과 WebView 앱 전체 개발
App Router에서 페이지 성격에 맞게 SSR·SSG·ISR·On-demand revalidate·fetch cache를 나눠 적용하고, SSR 화면은 Streaming UI로 첫 화면이 늦게 보이는 문제 개선
Expo WebView 앱에 FCM 푸시 알림, 카카오 간편로그인, Android App Links 딥링크, 오프라인 에러 처리를 적용하고 EAS Update·내부 테스트 배포 자동화
미디어 업로드를 S3 Presigned URL 직접 업로드로 바꿔 서버 트래픽과 리소스 소모 감소
Orval로 API 코드 자동 생성, PR 빌드 결과를 Slack으로 알리는 GitHub Actions, n8n 신규 월드컵 Slack 알림 구축
출시 후 회원탈퇴·랜덤 플레이·최근 플레이한 월드컵 등 운영 기능을 계속 추가하고, Google Analytics·Microsoft Clarity로 사용자 행동 확인

Project Lead / Frontend

Jaemin Ko

Backend Developer

Hyeonho Park

Product Designer

Jinju Woo