feat: aside 앱 설치 QR 플로팅 추가

[heeeeyong]

#️⃣연관된 이슈

없음

📝작업 내용

- 웹 서비스 사용자 중 안드로이드 앱 설치 유도를 위한 QR 디자인 추가, 반응형 고려하여 뷰포트 가로가 일정크기 이하로 내려가면 사라지게 구현함

Summary by CodeRabbit

• 스타일

  • 전체 레이아웃에 사이드 장식 요소 추가로 시각적 완성도 향상. 데스크톱 등 넓은 화면에서만 노출되고, 1250px 미만 화면에서는 자동 숨김.
  • 장식 이미지는 반응형으로 크기가 조절되며, 고정 위치로 배치되어 콘텐츠와의 간섭 최소화.

• 접근성

  • 장식 이미지를 보조기기에서 무시하도록 설정해 사용자 탐색에 영향 없음.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thip	Ready	Preview	Comment	Oct 2, 2025 7:22am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

레이아웃에 새로운 장식 컴포넌트 AsideDecoration을 추가했습니다. 해당 컴포넌트는 고정 위치의 비상호작용 이미지(/src/assets/common/aside.svg)를 렌더링하며, 뷰포트 1250px 미만에서는 숨겨집니다. Layout.tsx에서 AsideDecoration을 임포트하고 렌더링만 추가되었습니다.

Changes

Cohort / File(s)	Summary
공통 컴포넌트: 장식 추가 src/components/common/AsideDecoration.tsx	새 React 컴포넌트 추가. 고정 위치(좌측 50%, translateX(-650px)), 하단 고정, 1250px 미만 미표시. aria-hidden 이미지(/src/assets/common/aside.svg) 렌더링.
레이아웃 통합 src/components/common/Layout.tsx	AsideDecoration 임포트 및 레이아웃 내 렌더링 추가. 기존 라우팅/타이틀/트래킹 로직 변경 없음.

Sequence Diagram(s)

sequenceDiagram
    actor User as User
    participant App as App Router
    participant Layout as Layout
    participant Aside as AsideDecoration

    User->>App: 페이지 접속
    App->>Layout: 레이아웃 렌더
    Layout->>Aside: 장식 컴포넌트 렌더
    Note over Aside: 고정 위치 이미지 표시<br/>1250px 미만에서는 숨김
    Layout-->>User: 콘텐츠 + 장식 출력

Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

새벽 코드에 토끼 한 마리 🐇
옆구리에 살짝, 빛나는 장식 달았지 ✨
스크롤 타고 흘러도, 고정된 그 미소
1250 닿기 전엔 숨어서 킥킥 😌
레이아웃 품은 광채여, 오늘도 반짝!

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore/minor-updates

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

• Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 7693bc1 and 38803e8.

⛔ Files ignored due to path filters (2)

• src/assets/common/aside.png is excluded by !**/*.png
• src/assets/common/aside.svg is excluded by !**/*.svg

📒 Files selected for processing (2)

• src/components/common/AsideDecoration.tsx (1 hunks)
• src/components/common/Layout.tsx (2 hunks)

---

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