faetY: 룰렛 페이지 편의점 개선

[dasosann]

Greptile Summary

룰렛 참여 상태 및 회전 API를 실제 화면에 연동하고, 브라우저 히스토리 인덱스를 이용해 룰렛 화면 간 뒤로가기를 안정화합니다.

• 무료·스페셜 룰렛의 참여 가능 여부와 누적 결제 금액을 서버 상태로 표시합니다.
• 서버가 반환한 보상에 맞춰 룰렛 결과를 결정하고 참여 상태 캐시를 갱신합니다.
• 허브, 하위 룰렛, 상품권 결과 화면의 이전 경로를 검증해 적절한 경로로 복귀시킵니다.
• 상품권 결과 화면의 닫기 컨트롤에 키보드 및 스크린 리더 접근성을 추가합니다.

Confidence Score: 5/5

이전에 보고된 탐색 및 접근성 문제가 현재 코드에서 해결되어 이 PR은 병합해도 안전해 보입니다.

현재 코드에서는 룰렛 화면별 직전 경로를 검증하고 불일치 시 명시된 fallback으로 이동하며, 상품권 결과 화면의 닫기 컨트롤도 접근 가능한 버튼으로 구현되어 차단되는 실패가 남아 있지 않습니다.

Important Files Changed

Filename	Overview
lib/safeBack.ts	히스토리 항목별 인덱스와 경로를 기록해 실제 직전 경로를 검증하는 뒤로가기 유틸리티를 구현했습니다.
app/roulette/_components/RouletteHeader.tsx	현재 룰렛 경로에 따라 홈 또는 룰렛 허브를 fallback으로 사용하는 공통 뒤로가기 처리를 적용했습니다.
app/roulette/special/[amount]/page.tsx	결과 화면 닫기 동작에 안전한 복귀 경로와 접근 가능한 네이티브 버튼을 적용했습니다.
hooks/useRouletteStatus.ts	무료·스페셜 참여 여부와 누적 결제 금액을 조회하는 React Query 훅을 추가했습니다.
hooks/useSpinRoulette.ts	룰렛 회전 요청, 상태 캐시 무효화, API 오류별 사용자 알림을 구현했습니다.
app/roulette/free/_components/ScreenRouletteFree.tsx	무료 룰렛의 참여 상태와 서버 회전 결과를 화면 및 애니메이션에 연결했습니다.
app/roulette/special/_components/ScreenRouletteSpecial.tsx	스페셜 룰렛의 참여·결제 조건과 서버가 결정한 보상 결과를 연동했습니다.

_{Reviews (10): Last reviewed commit: "feat: 라우팅 처리" | Re-trigger Greptile}

Context used:

• Context used - PR Summary를 포함한 모든 출력은 반드시 한국어로 작성하세요. PR 변경사항 요약, 주요 영향, 파일별 변경 내용, Confidence Score 설명, Issues Table, 인라인 리뷰 코멘트, 수정 제안을 모두 한국어로 작성하세요. 코드, 라이브러리명, API명, 파일명 등 고유한 기술 용어만 원문을 유지하세요. (source)

[greptile-apps]

Want your agent to iterate on Greptile's feedback? Try greploops.