Skip to content

[FIX] 검사 결과 화면 렌더링 시 한글 깨짐 현상 수정 #62

Description

@kbh0218

📝 기능 설명

검사 로직이 실행된 이후, 검사 결과 화면을 렌더링할 때 한글 텍스트가 깨져 보이는 현상을 분석하고 수정합니다.

기존에는 여러 화면이 동시에 렌더링되거나 modal/stack 화면이 겹쳐 뜨는 상황에서 한글이 깨질 수 있다고 추정했지만, 현재 확인된 발동 조건은 링크 검사 로직이 완료된 뒤 검사 결과 화면으로 이동하여 결과 화면이 렌더링되는 시점입니다.

정확한 원인은 아직 확정되지 않았습니다.
다만 문제가 발생하는 지점이 검사 결과 화면 렌더링 흐름으로 좁혀졌으므로, 검사 완료 후 router.replace()로 이동하는 결과 화면 3종과 해당 화면의 Text/Typography 렌더링, 전달 params, 폰트 로딩 상태를 우선 확인합니다.

검사 결과 화면 진입 시점의 렌더링 조건과 텍스트 표시 구조를 확인한 뒤, 한글 깨짐이 재현되지 않도록 라우팅 흐름, 폰트/텍스트 렌더링, 결과 화면 구조를 수정합니다.

📋 구현할 Task

  • 한글이 깨지는 화면이 검사 결과 화면인지 확인했는가?
  • 검사 로직 실행 이후 결과 화면 렌더링 시점에 문제가 발생하는지 확인했는가?
  • 안전 결과 화면 scan-result.tsx에서 한글 깨짐이 발생하는지 확인했는가?
  • 주의 결과 화면 scan-result-caution.tsx에서 한글 깨짐이 발생하는지 확인했는가?
  • 위험 결과 화면 scan-result-block.tsx에서 한글 깨짐이 발생하는지 확인했는가?
  • scanning.tsx에서 검사 완료 후 결과 화면으로 이동하는 router.replace() 흐름을 확인했는가?
  • 결과 화면으로 전달되는 params가 Text 렌더링에 영향을 주는지 확인했는가?
  • 검사 결과 화면 렌더링 시 폰트 로딩 상태가 안정적인지 확인했는가?
  • constants/theme.ts의 Typography 설정이 결과 화면 한글 렌더링에 영향을 주는지 확인했는가?
  • 결과 화면의 Text 컴포넌트 구조와 스타일을 확인했는가?
  • Android 환경에서만 발생하는 문제인지 확인했는가?
  • 결과 화면 이동 중 동일 화면이 중복 push/replace되는지 확인했는가?
  • 검사 polling 완료 후 결과 화면 전환이 중복 실행될 가능성이 있는지 확인했는가?
  • 원인이 결과 화면 중복 렌더링이면 중복 이동 또는 중복 렌더링을 방지했는가?
  • 원인이 폰트/텍스트 렌더링이면 결과 화면 렌더링 방식을 보완했는가?
  • 수정 후 검사 완료 → 결과 화면 진입 흐름에서 한글이 정상 표시되는가?
  • Android 에뮬레이터에서 검사 결과 화면 한글 깨짐이 재현되지 않는지 확인했는가?
  • 실제 휴대폰 preview 빌드에서 검사 결과 화면 한글 깨짐이 재현되지 않는지 확인했는가?

📎 우선 확인 대상

  • 검사 중 화면

    • 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의 결과 화면 이동 흐름을 먼저 확인하는 것입니다.
  • 버튼 중복 입력 방지 이슈와 연관될 수 있지만, 한글 깨짐 원인 자체는 별도 이슈로 추적합니다.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions