NFT 멤버십 관리자 웹 · 비즈센터
브랜드 운영사가 회원·NFT·포인트·커뮤니티·푸시 캠페인을 관리하는 B2B 어드민 웹에서 API 통신·캐시·폼의 공통 구조를 잡아 전체 화면에 적용했고, 이후 추가된 도메인들도 팀원들이 같은 구조로 개발하고 있습니다.
- 기간
- 2025.02 ~ 2025.12 (이후 유지보수)
- 역할
- 웹 프론트엔드 · 공통 구조 설계
- 기여
- 전체 커밋의 약 38% 기여 · 리뷰·머지한 PR 96건
- 팀
- 프론트 다수 + 백엔드 협업
폼 34개 공통 구조 적용권한 훅 62개 컴포넌트PR 96건 리뷰·머지
공통 아키텍처인증·권한TanStack QueryNext.js 15 (App Router)TanStack Queryreact-hook-form + ZodZustand
01
주요 기여
항목을 누르면 상세 내용이 열립니다
API 통신·캐시·폼 공통 레이어 설계 — 폼 34개 전체 적용, 팀 기본 패턴으로 정착
- 중복되던 fetch·에러 처리를 래퍼 하나로 — ApiError, HTTP 상태 11종 한글 매핑, SSR 쿠키 포워딩, 401/403 정책
- 도메인별 계층적 query-key 팩토리(32개 훅) + 교차 도메인 캐시 무효화 규칙
- service+schema+type+hook 4계층 패턴을 전 도메인에 표준화
QR 스캔 로그인(SSE) 구현 + 권한 체크를 훅 하나로 통합해 62개 컴포넌트 적용
- 아이디 입력 없이 모바일 앱 QR 스캔만으로 로그인 — EventSource 생명주기·재연결·만료 처리
- 페이지마다 흩어져 있던 권한 if문을 훅 하나로 모으고, 4단계 등급을 숫자 비교로 단순화 (단독 작업)
- 로그인 필요 페이지는 쿠키 세션 기준으로 차단
회원·NFT·포인트·푸시 등 운영 도메인을 화면부터 API 연동까지 구현
- 회원·그룹 관리, NFT·스마트컨트랙트 관리, 브랜드(파트너) 관리 (단독)
- 포인트 충전/사용/지급 — 지급 500명 상한 등 정산 제약 처리
- 임베드 인증 위젯(SSO) 구현
02