perf: 성능 최적화 및 UX 개선

[3rdflr]

요약

• ISR 캐싱 적용: 메인 페이지 5분, 가챠보드 1분 단위 정적 재생성으로 서버 부하 감소
• 카카오맵 스크립트 최적화: beforeInteractive → afterInteractive로 변경해 초기 렌더 차단 제거
• 어드민 번들 분리: GachaPostEditor를 dynamic import + ssr: false로 변환 (create, edit 페이지 모두 적용) — 일반 유저의 초기 JS 번들 크기 감소
• 이미지 중복 렌더링 제거: GachaPostDetail 상단 풀블리드 이미지가 콘텐츠 섹션에서 한 번 더 렌더링되던 버그 수정
• 리뷰 페이징: ShopDetailView 리뷰 쿼리에 .limit(10) 추가로 불필요한 데이터 과다 로드 방지
• debug 로그 제거: supabase.ts, Map.tsx의 프로덕션 console.log 제거
• 페이지 이동 로딩 개선: useAuthStore에서 동일 유저 + 프로필 로드 완료 상태 시 SIGNED_IN 재처리 생략 — 창 포커스 복귀 시 불필요한 재로드 방지
• Header 개편: 모바일 로고 폰트 축소, 사이드바 네비게이션으로 전환

테스트 체크리스트

• 메인 페이지 및 가챠보드 ISR 캐싱 동작 확인 (Vercel 빌드 로그)
• 일반 유저 페이지에서 GachaPostEditor 번들 미포함 확인
• 가챠보드 상세 페이지에서 이미지 중복 표시 없음 확인
• 모바일에서 Header 사이드바 정상 동작 확인
• 페이지 이동 시 로딩 지연 없음 확인
• Vercel 빌드 에러 없음 확인

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
gacha-map	Ready	Preview, Comment	Feb 22, 2026 3:17pm

[github-actions]

📖 PR #5 — perf: 성능 최적화 및 UX 개선

Repository: 3rdflr/gacha_map
Commit: dcb8bab
변경된 JS/TS 파일: 13개

---

📄 src/app/gacha-board/create/page.tsx

Import 변화

• dynamic

• GachaPostEditor (제거됨)

✅ GachaPostEditor (Component) — 새로 추가

Props 변화

• ssr: false
• loading: () => (

---

📄 src/app/gacha-board/edit/[id]/page.tsx

Import 변화

• dynamic

• GachaPostEditor (제거됨)

✅ GachaPostEditor (Component) — 새로 추가

Props 변화

• ssr: false
• loading: () => (

---

📄 src/app/layout.tsx

✏️ RootLayout (Function) — 변경됨

---

📄 src/components/GachaPostDetail.tsx

✏️ GachaPostDetail (Function) — 변경됨

변수 추가: isAdmin
UI 변화

• <Image> 제거

---

📄 src/components/GachaPostEditor.tsx

✏️ GachaPostEditor (Function) — 변경됨

동작 변화

• useEffect 호출

• useEffect 호출
• 조건: postId
• fetchPost() 호출

---

📄 src/components/Header.tsx

Import 변화

• X
• Map
• Newspaper

✏️ Header (Component) — 변경됨

변수 추가: displayName, displayAvatar
동작 변화

• isSidebarOpen state 추가
  UI 변화
• <Image>
• <button>
• <X>
• <Link>

---

📄 src/components/Map.tsx

❌ loadKakaoMap (Function) — 제거됨

❌ KakaoMap (Function) — 제거됨

---

📄 src/components/ShopDetailView.tsx

✏️ ShopDetailView (Function) — 변경됨

동작 변화

• useEffect 호출

• useEffect 호출
• fetchReviews() 호출

---

📄 src/lib/supabase.ts

❌ getVerifiedShops (Function) — 제거됨

---

📄 src/store/useAuthStore.ts

✏️ useAuthStore (Function) — 변경됨

변수 추가: currentUser

---

🛠 Auto-generated by github-mobile-reader. Do not edit manually.