이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
앱 정보
appName: i-check
SDK: @apps-in-toss/web-framework (WebView)
기술 스택: Vite + React + TypeScript
증상
문항 진행 중 특정 지점(총 45문항 중 30번 문항 답변 후)에서 화면이 흰 화면으로 멈추고 더 이상 진행이 안 됩니다.
재현 방법
앱 실행 → 문항 시작
15번 문항 답변 후 → 배너 광고 오버레이 정상 표시
“계속하기” 버튼 눌러 진행
30번 문항 답변 후 → 배너 광고 오버레이 표시 예정이나 흰 화면으로 멈춤
현재 구현 방식
pendingIndex (number | null) state로 배너 브레이크 관리
브레이크 포인트: Math.floor(total / 3), Math.floor((total / 3) * 2)
브레이크 감지 시 setPendingIndex(nextIndex)만 실행, setCurrentIndex는 건드리지 않음
“계속하기” 버튼: setPendingIndex(null) 후 setCurrentIndex(next) 실행
AnimatePresence로 오버레이 표시
질문
WebView 미니앱에서 AnimatePresence + fixed inset-0 오버레이가 특정 시점에 렌더링 문제를 일으킬 수 있나요?
토스 앱 WebView 환경에서 React state 업데이트 타이밍 이슈가 발생하는 경우가 있나요?
혹시 z-index: 50 fixed 오버레이 사용 시 주의사항이 있나요?
appName (선택)
i-check