📝 기능 설명
검사 로직이 실행된 이후, 검사 결과 화면을 렌더링할 때 한글 텍스트가 깨져 보이는 현상을 분석하고 수정합니다.
기존에는 여러 화면이 동시에 렌더링되거나 modal/stack 화면이 겹쳐 뜨는 상황에서 한글이 깨질 수 있다고 추정했지만, 현재 확인된 발동 조건은 링크 검사 로직이 완료된 뒤 검사 결과 화면으로 이동하여 결과 화면이 렌더링되는 시점입니다.
정확한 원인은 아직 확정되지 않았습니다.
다만 문제가 발생하는 지점이 검사 결과 화면 렌더링 흐름으로 좁혀졌으므로, 검사 완료 후 router.replace()로 이동하는 결과 화면 3종과 해당 화면의 Text/Typography 렌더링, 전달 params, 폰트 로딩 상태를 우선 확인합니다.
검사 결과 화면 진입 시점의 렌더링 조건과 텍스트 표시 구조를 확인한 뒤, 한글 깨짐이 재현되지 않도록 라우팅 흐름, 폰트/텍스트 렌더링, 결과 화면 구조를 수정합니다.
📋 구현할 Task
📎 우선 확인 대상
-
검사 중 화면
app/(tabs)/(home)/scanning.tsx
- 검사 완료 후
router.replace() 사용 지점
- polling 완료 처리
- timeout/error 상태 전환
- 결과 화면 params 전달 구조
-
검사 결과 화면
app/(tabs)/(home)/scan-result.tsx
app/(tabs)/(home)/scan-result-caution.tsx
app/(tabs)/(home)/scan-result-block.tsx
- 결과 제목/설명/버튼 한글 Text 렌더링
useLocalSearchParams 사용 지점
-
라우팅 및 레이아웃
app/_layout.tsx
app/(tabs)/_layout.tsx
app/(tabs)/(home)/_layout.tsx
Stack.Screen options
- 결과 화면 진입 시 stack 상태
-
폰트 및 텍스트 스타일
constants/theme.ts
expo-font 사용 지점
- Typography 공통 스타일
- 공통 Text 사용 컴포넌트
📎 추가 내용
- 이번 이슈의 현재 확인된 발동 조건은 “검사 로직 완료 후 검사 결과 화면 렌더링 시점”입니다.
- 원인은 아직 확정되지 않았으므로, 결과 화면 렌더링 흐름을 중심으로 재현 조건과 원인을 분리해서 확인합니다.
- 기존 추정처럼 중복 네비게이션, modal/stack 중복 렌더링, 폰트 로딩 타이밍, Android Text 렌더링 문제가 원인일 가능성은 남아 있습니다.
- 다만 우선순위는 검사 결과 화면 3종과
scanning.tsx의 결과 화면 이동 흐름을 먼저 확인하는 것입니다.
- 버튼 중복 입력 방지 이슈와 연관될 수 있지만, 한글 깨짐 원인 자체는 별도 이슈로 추적합니다.
📝 기능 설명
검사 로직이 실행된 이후, 검사 결과 화면을 렌더링할 때 한글 텍스트가 깨져 보이는 현상을 분석하고 수정합니다.
기존에는 여러 화면이 동시에 렌더링되거나 modal/stack 화면이 겹쳐 뜨는 상황에서 한글이 깨질 수 있다고 추정했지만, 현재 확인된 발동 조건은 링크 검사 로직이 완료된 뒤 검사 결과 화면으로 이동하여 결과 화면이 렌더링되는 시점입니다.
정확한 원인은 아직 확정되지 않았습니다.
다만 문제가 발생하는 지점이 검사 결과 화면 렌더링 흐름으로 좁혀졌으므로, 검사 완료 후
router.replace()로 이동하는 결과 화면 3종과 해당 화면의 Text/Typography 렌더링, 전달 params, 폰트 로딩 상태를 우선 확인합니다.검사 결과 화면 진입 시점의 렌더링 조건과 텍스트 표시 구조를 확인한 뒤, 한글 깨짐이 재현되지 않도록 라우팅 흐름, 폰트/텍스트 렌더링, 결과 화면 구조를 수정합니다.
📋 구현할 Task
scan-result.tsx에서 한글 깨짐이 발생하는지 확인했는가?scan-result-caution.tsx에서 한글 깨짐이 발생하는지 확인했는가?scan-result-block.tsx에서 한글 깨짐이 발생하는지 확인했는가?scanning.tsx에서 검사 완료 후 결과 화면으로 이동하는router.replace()흐름을 확인했는가?constants/theme.ts의 Typography 설정이 결과 화면 한글 렌더링에 영향을 주는지 확인했는가?Text컴포넌트 구조와 스타일을 확인했는가?📎 우선 확인 대상
검사 중 화면
app/(tabs)/(home)/scanning.tsxrouter.replace()사용 지점검사 결과 화면
app/(tabs)/(home)/scan-result.tsxapp/(tabs)/(home)/scan-result-caution.tsxapp/(tabs)/(home)/scan-result-block.tsxuseLocalSearchParams사용 지점라우팅 및 레이아웃
app/_layout.tsxapp/(tabs)/_layout.tsxapp/(tabs)/(home)/_layout.tsxStack.Screenoptions폰트 및 텍스트 스타일
constants/theme.tsexpo-font사용 지점📎 추가 내용
scanning.tsx의 결과 화면 이동 흐름을 먼저 확인하는 것입니다.