hotjar 웹사이트 히트맵 서비스 추가

[heeeeyong]

이하동일

Summary by CodeRabbit

• 유지보수 (Chores)
  • 웹사이트에 비동기 로드되는 분석/트래킹 스크립트를 추가했습니다. 이 스크립트는 페이지 헤더에서 동작하며 페이지 로딩 및 렌더링 성능에 대한 영향이 최소화되도록 구성되었습니다. 이번 변경으로 사용자에게 보이는 UI나 기능상의 변화는 없으며, 기존 사용 흐름은 그대로 유지됩니다. 추가 스크립트는 백그라운드에서만 실행됩니다.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

index.html의 head 섹션에 Hotjar 추적 스크립트가 추가되었습니다. h.hj 전역 함수와 h._hjSettings(hjid: 6498626, hjsv: 6)을 초기화하고, 비동기 스크립트를 https://static.hotjar.com/c/hotjar-.js?sv=에서 로드하도록 설정했습니다. 기존 내용 삭제는 없습니다.

Changes

Cohort / File(s)	Change Summary
Analytics/Telemetry Integration index.html	head에 Hotjar 트래킹 코드 삽입: h.hj 함수 정의, h._hjSettings(hjid 6498626, hjsv 6) 설정, 비동기 스크립트 생성 및 head에 추가. 기존 head 콘텐츠는 유지.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User as 사용자
  participant Browser as 브라우저
  participant Index as index.html
  participant Hotjar as Hotjar CDN/서버

  User->>Browser: 페이지 요청
  Browser->>Index: index.html 로드
  Index-->>Browser: head에 Hotjar 스니펫 포함
  Browser->>Browser: h._hjSettings 설정 (hjid: 6498626, hjsv: 6)
  Browser->>Hotjar: hotjar-<id>.js?sv=<version> 비동기 로드
  Hotjar-->>Browser: 스크립트 전달
  Browser->>Browser: Hotjar 초기화 및 이벤트 훅 등록
  note over Browser: 나머지 페이지 로딩과 병렬 실행

Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

작은 발로 탭-탭, 머리엔 핫자 모자🎩
헤드에 살짝, 스크립트 한 줄 꽂아
딸깍-딸깍, 클릭의 숨결을 포착하고
당근 메모에 숫자 씨앗을 심네🥕
오늘도 로그 밭에서 폴짝!

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

• MCP integration is disabled by default for public repositories
• Jira integration is disabled by default for public repositories
• Linear 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 2d2084c and c72ba97.

📒 Files selected for processing (1)

• index.html (1 hunks)

✨ Finishing Touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch develop

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
thip	Ready	Preview	Comment	Aug 20, 2025 1:40pm