chore: 구글 애널리틱스 추가

[heeeeyong]

#️⃣연관된 이슈

없음

📝작업 내용

• 구글 애널리틱스 추가
• 스와이프 제한 로직 삭제

💬리뷰 요구사항

• 버셀 환경변수에 구글 애널리틱스 추적 ID등록 후 재배포 완료했습니다.

Summary by CodeRabbit

• 신규 기능
  • 페이지 전환 시 Google Analytics(GA4) 페이지 조회 수가 수집됩니다.
• 버그 수정
  • 터치 제스처 차단을 제거해 가로 스와이프 내비게이션과 오버스크롤 동작이 정상적으로 작동합니다.
• 작업
  • 불필요한 제스처 방지 리스너를 제거했습니다.
  • 외부 로더 스니펫 의존성을 정리했습니다.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
thip	Ready	Preview	Comment	Sep 12, 2025 6:59am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

애플리케이션에 GA4를 도입했다. 앱 시작 시 GA 초기화를 추가하고, 라우트 변경마다 수동 page_view를 전송한다. index.html에서 터치/제스처 차단 코드와 Maze 로더를 제거했다. 기타 구조는 유지되었다.

Changes

Cohort / File(s)	Summary of changes
Analytics 통합 (GA4) src/lib/ga.ts, src/main.tsx, src/components/common/Layout.tsx	GA4 모듈 추가(initGA, sendPageView, GA_ID), 앱 시작 시 initGA() 호출, 라우트 경로 변경 시 sendPageView()로 수동 page_view 전송(자동 page_view 비활성화).
index 정리 index.html	overscroll/touch-action 비활성화 CSS, 터치/제스처 이벤트 차단 JS, Maze Universal Loader 삽입 및 관련 sessionStorage 처리 제거. 나머지 HTML/applyVv 유지.

Sequence Diagram(s)

sequenceDiagram
    autonumber
    participant U as 사용자
    participant App as React App
    participant GA as GA4(gtag.js)
    rect rgb(235, 245, 255)
    note right of App: 앱 시작
    App->>GA: initGA() 호출
    GA-->>GA: gtag.js 스크립트 로드
    GA-->>GA: dataLayer/gtag 설정 (send_page_view: false)
    end

Loading

sequenceDiagram
    autonumber
    participant Router as Router
    participant Layout as Layout(useEffect)
    participant GA as GA4(gtag)
    rect rgb(240, 255, 240)
    note over Router,Layout: 라우트 변경( pathname/search/hash )
    Router-->>Layout: location 변경 알림
    Layout->>GA: sendPageView(fullPath)
    GA-->>GA: gtag('event','page_view', {...})
    end

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested labels

🌏 Deploy

Poem

새벽 코드 풀밭에 발자국 콩콩콩 🐇
길 바뀌면 살짝 인사, page_view 찰칵!
시작 종 울리면 gtag 쓱싹 로드하고,
억눌린 터치는 휘익—자유 바람 솔솔.
오늘도 로그 톡톡, 배포길 총총총.

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

📜 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 1137ee5 and 4141633.

📒 Files selected for processing (4)

• index.html (0 hunks)
• src/components/common/Layout.tsx (1 hunks)
• src/lib/ga.ts (1 hunks)
• src/main.tsx (1 hunks)

✨ 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

---

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.}