[feat] 동적 버전 정보 표시 구현

[ff1451]

Summary by CodeRabbit

• 기능 개선
  • 앱 버전 표시가 실행 시 제공되는 값으로 동적으로 반영되며, 값이 없을 경우 '-'로 표시됩니다.
• 기타
  • 전역 객체 관련 타입 선언이 확장되어 런타임에서 앱 버전 참조가 안전해졌습니다.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: a4549f6a-188a-4192-a081-78dd39df6a6f

📥 Commits

Reviewing files that changed from the base of the PR and between e610bdd and b668094.

📒 Files selected for processing (1)

• src/pages/User/MyPage/index.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• src/pages/User/MyPage/index.tsx

---

Walkthrough

네이티브 앱 버전을 런타임에 표시하도록 변경했습니다. Window 인터페이스에 선택적 속성 APP_VERSION?: string을 추가하고, 마이페이지의 “버전관리” UI에서 하드코딩된 v1.0.3 대신 window.APP_VERSION 값을 v 접두사와 함께 표시하도록 교체했습니다. window.APP_VERSION이 없거나 falsy하면 '-'를 표시합니다.

Possibly related issues

• [feat] 네이티브 앱의 버전을 동적으로 보여주도록 구현 #210: 네이티브 앱 버전을 window.APP_VERSION을 통해 표시하는 기능 구현과 직접적으로 관련

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목 '[feat] 동적 버전 정보 표시 구현'은 변경사항의 주요 목표를 명확하게 반영하고 있습니다. window.APP_VERSION을 통해 동적으로 버전을 표시하는 기능 구현을 정확하게 설명합니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 210-feat-네이티브-앱의-버전을-동적으로-보여주도록-구현

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

src/pages/User/MyPage/index.tsx (1)

68-68: 타이포그래피는 semantic token 클래스로 통일을 권장합니다.

text-[13px] 대신 프로젝트 토큰(text-cap*, text-body* 등) 사용으로 일관성을 맞추는 게 좋습니다.

As per coding guidelines **/*.{ts,tsx}: Use typography tokens (text-h1 through text-h5, text-sub1 through text-sub4, text-body1 through text-body3, text-cap1 through text-cap2) from src/styles/theme.css.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@src/pages/User/MyPage/index.tsx` at line 68, Replace the hardcoded utility
class in the version badge div with a semantic typography token: locate the JSX
div rendering v{window.APP_VERSION ?? '-'} (className currently "text-[13px]
leading-4 text-indigo-200") and swap "text-[13px]" for the appropriate project
token (for example "text-cap2" or "text-body3" depending on desired size) while
keeping "leading-4 text-indigo-200"; ensure the resulting className uses the
semantic token (e.g., "text-cap2 leading-4 text-indigo-200") to conform to the
theme.css typography tokens.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/pages/User/MyPage/index.tsx`:
- Line 68: The version display renders "v-" when APP_VERSION is missing; update
the JSX in the MyPage component where the div contains the expression using
window.APP_VERSION so that the "v" prefix is only added when a valid version
exists (e.g., conditionally render `v{window.APP_VERSION}` if window.APP_VERSION
is truthy, otherwise render "-"), ensuring you edit the specific JSX expression
that currently reads window.APP_VERSION ?? '-' to avoid showing "v-".

---

Nitpick comments:
In `@src/pages/User/MyPage/index.tsx`:
- Line 68: Replace the hardcoded utility class in the version badge div with a
semantic typography token: locate the JSX div rendering v{window.APP_VERSION ??
'-'} (className currently "text-[13px] leading-4 text-indigo-200") and swap
"text-[13px]" for the appropriate project token (for example "text-cap2" or
"text-body3" depending on desired size) while keeping "leading-4
text-indigo-200"; ensure the resulting className uses the semantic token (e.g.,
"text-cap2 leading-4 text-indigo-200") to conform to the theme.css typography
tokens.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 93f3fc6e-1b63-4f6b-8a90-52746e36060c

📥 Commits

Reviewing files that changed from the base of the PR and between f060de0 and e610bdd.

📒 Files selected for processing (2)

• src/global.d.ts
• src/pages/User/MyPage/index.tsx