공연 상세 페이지 공유 시 OpenGraph 메타데이터가 서버 응답에 포함되지 않아 SNS 미리보기가 깨지는 문제를, Vite SPA에서 Next.js로 전환하고 Metadata API를 적용해 SNS 공유 미리보기를 올바르게 노출

일관성 검증과 유지보수가 어려운 문자열 기반 쿼리 키를, Query Key Factory 도입으로 조회·갱신·무효화가 동일한 키 집합을 참조하도록 정리해 쿼리 관련 파일 수를 약 40% 감소

컴포넌트별로 흩어진 에러 처리 정책으로, 일관성 있는 검증과 수정이 어려운 문제를 Axios 인터셉터와 커스텀 에러 객체로 공통 정규화해 에러 정책 변경 시 수정 범위를 1~2개 파일로 감소

무거운 초기 번들을 RSC 및 dynamic import 를 활용하여 초기 JS 번들을 675KB → 140KB, FCP를 4.1s → 1.1s로 개선

어드민의 공연 정보 등록 기능에서 textarea 기반 편집 한계를 리치 텍스트 에디터로 전환해 작성 경험 증대

어드민 대시보드에서 페이지 상태 유실과 느린 UI 반영 문제를, 쿼리 스트링 동기화와 optimistic update 적용으로 해결해 새로고침 후 상태 복원 및 변경사항을 즉시 반영하도록 개선

로그인·회원가입 기능 구현과 보호 라우트를 활용한 인증 기반 접근 제어를 구축

액세스 토큰 자동 갱신을 통한 안정적인 인증 흐름을 구축

어드민 사용자 관리 페이지를 구축하고 권한 기반 메뉴 노출 및 접근 제어 구현

대학 동아리 공연에서 2회에 걸쳐 운영하며, 누적 참여자 약 100명의 티켓 구매부터 QR 입장까지 전 과정을 안정적으로 처리해 실사용 가능성을 검증

경쟁 제품 분석을 바탕으로 Grabbin의 핵심 차별점과 제품 콘셉트 정의

이미지 크롭, 위젯, 드래그 인터랙션 등 편집 경험 중심의 UX 플로우 설계

presigned URL 업로드, 서버-DB 리전 배치, 위젯 확장 구조 등 주요 아키텍처 의사결정 문서화

프론트엔드와 서버 책임이 강하게 결합되고 서버 변경에도 전체 프로젝트 재빌드가 필요하다는 문제를 인식하여, API를 별도 Hono 서버로 완전 분리한 구조를 설계하여 유지보수성과 배포 독립성을 높임