Skip to content

마이페이지 1:1 문의 카카오 채널 연결#697

Merged
HA-SEUNG-JEONG merged 2 commits into
developfrom
fix/myPage-v2
May 25, 2026
Merged

마이페이지 1:1 문의 카카오 채널 연결#697
HA-SEUNG-JEONG merged 2 commits into
developfrom
fix/myPage-v2

Conversation

@HA-SEUNG-JEONG
Copy link
Copy Markdown
Contributor

@HA-SEUNG-JEONG HA-SEUNG-JEONG commented May 25, 2026

Problem

마이페이지 사이드바/모바일 네비게이션의 '1:1 문의' 항목 클릭 시 카카오 채널로 이동해야 하나, 외부 URL 처리 로직이 없어 내부 라우팅으로 처리되어 404가 발생하거나 아무 동작도 하지 않는 문제가 있었습니다.

Solution

hrefhttp로 시작하는 항목은 window.open(..., '_blank', 'noopener,noreferrer')로 새 탭 열기 처리. 데스크톱 사이드바(my-page-sidebar.tsx)와 모바일 네비게이션(my-page-mobile-nav.tsx) 모두 동일하게 적용했습니다.

Changes

Bug Fixes

File Description
src/components/common/layout/sidebar/my-page-sidebar.tsx 외부 URL 클릭 시 새 탭 처리 추가
src/components/common/layout/sidebar/my-page-mobile-nav.tsx 외부 URL 클릭 시 새 탭 처리 추가

Result

'1:1 문의' 클릭 시 카카오 채널(pf.kakao.com/_VmCYn)이 새 탭으로 열립니다. 기존 내부 네비게이션 동작에는 영향 없습니다.

Test plan

  • 데스크톱: 마이페이지 사이드바에서 '1:1 문의' 클릭 → 카카오 채널 새 탭으로 열림
  • 모바일: 상단 네비게이션에서 '1:1 문의' 클릭 → 카카오 채널 새 탭으로 열림
  • 다른 내비게이션 항목(프로필, 마이 클래스 등) 클릭 시 정상 라우팅 확인

🤖 Generated with Claude Code

Summary by CodeRabbit

변경 사항

  • 기능 개선
    • 1:1 문의 메뉴 항목이 카카오 플러스 채팅으로 연결되도록 변경되었습니다.
    • 외부 링크 클릭 시 새 탭에서 안전하게 열리도록 개선되었습니다.

Review Change Stack

@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

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

Project Deployment Actions Updated (UTC)
study-platform-client-dev Ready Ready Preview, Comment May 25, 2026 1:05pm

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 25, 2026

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (1)
  • yarn.lock is excluded by !**/yarn.lock, !**/*.lock

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 6261e275-225f-4919-a7af-01cab8f1bc80

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

모바일과 데스크톱 사이드바 네비게이션에서 "1:1 문의" 항목의 URL을 내부 라우트(/my-inquiry)에서 외부 카카오 플러스 채팅 URL(http://pf.kakao.com/_VmCYn)로 변경하고, 외부 URL 클릭 시 새 탭에서 열도록 처리 로직을 분기합니다.

Changes

1:1 문의 외부 리다이렉트

Layer / File(s) Summary
모바일 네비게이션 외부 URL 처리
src/components/common/layout/sidebar/my-page-mobile-nav.tsx
NAV_ITEMS의 "1:1 문의" 항목 href를 카카오 URL로 변경하고, 클릭 처리 로직에서 http로 시작하는 URL은 window.open으로 새 탭에서 열고, 내부 경로는 router.push로 라우팅합니다.
데스크톱 사이드바 외부 URL 처리
src/components/common/layout/sidebar/my-page-sidebar.tsx
NAV_ITEMS의 "1:1 문의" 항목 href를 카카오 URL로 변경하고, 클릭 처리 로직에서 모바일과 동일하게 외부 URL은 새 탭에서 열고 내부 경로는 라우팅합니다.

🎯 2 (Simple) | ⏱️ ~12분

🐰 문의 버튼이 카카오로 향하네요,
외부 링크는 새 탭에서 활짝 열려요,
모바일과 데스크톱 모두 똑같이,
분기 로직으로 우아하게,
사용자는 편하게 연락해요! 🌟

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed PR 제목이 변경 사항의 주요 내용을 정확하게 반영하고 있습니다. '마이페이지 1:1 문의 카카오 채널 연결'은 PR의 핵심 변경 내용인 '1:1 문의' 항목을 외부 카카오 채널 URL로 연결하는 작업을 명확하게 나타냅니다.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ 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 fix/myPage-v2

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

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

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/common/layout/sidebar/my-page-mobile-nav.tsx`:
- Line 11: Update the external link for the "1:1 문의" navigation item to use
HTTPS instead of HTTP: locate the nav item whose href is
'http://pf.kakao.com/_VmCYn' (identified by label '1:1 문의') and change the href
to 'https://pf.kakao.com/_VmCYn' so the link is secured; ensure any tests or
usages that reference this href are updated accordingly.

In `@src/components/common/layout/sidebar/my-page-sidebar.tsx`:
- Line 106: The desktop sidebar in MyPageSidebar contains an external link using
"http://pf.kakao.com/_VmCYn"; update that href to use HTTPS
(https://pf.kakao.com/_VmCYn) so it matches the mobile link and is secure, and
scan the MyPageSidebar component for any other occurrences of the same http URL
to replace them as well.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 68fc0588-09fa-44c7-b1d9-3f36d8bdc2dc

📥 Commits

Reviewing files that changed from the base of the PR and between f4e418f and 57818c2.

📒 Files selected for processing (2)
  • src/components/common/layout/sidebar/my-page-mobile-nav.tsx
  • src/components/common/layout/sidebar/my-page-sidebar.tsx

{ href: '/my-class', label: '마이 클래스' },
{ href: '/my-posts', label: '내가 작성한 글', prefixMatch: true },
{ href: '/my-inquiry', label: '1:1 문의', prefixMatch: true },
{ href: 'http://pf.kakao.com/_VmCYn', label: '1:1 문의' },
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

외부 링크는 HTTPS로 고정해 주세요.

현재 1:1 문의 링크가 http://라서 불필요한 보안 리스크가 생깁니다. https://로 변경하는 게 안전합니다.

수정 제안
-  { href: 'http://pf.kakao.com/_VmCYn', label: '1:1 문의' },
+  { href: 'https://pf.kakao.com/_VmCYn', label: '1:1 문의' },
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
{ href: 'http://pf.kakao.com/_VmCYn', label: '1:1 문의' },
{ href: 'https://pf.kakao.com/_VmCYn', label: '1:1 문의' },
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/common/layout/sidebar/my-page-mobile-nav.tsx` at line 11,
Update the external link for the "1:1 문의" navigation item to use HTTPS instead
of HTTP: locate the nav item whose href is 'http://pf.kakao.com/_VmCYn'
(identified by label '1:1 문의') and change the href to
'https://pf.kakao.com/_VmCYn' so the link is secured; ensure any tests or usages
that reference this href are updated accordingly.

},
{
href: '/my-inquiry',
href: 'http://pf.kakao.com/_VmCYn',
Copy link
Copy Markdown

@coderabbitai coderabbitai Bot May 25, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

데스크톱 사이드바 링크도 HTTPS로 맞춰 주세요.

모바일과 동일하게 여기서도 http://가 사용되고 있어요. 외부 상담 링크는 https://로 통일하는 게 맞습니다.

수정 제안
-    href: 'http://pf.kakao.com/_VmCYn',
+    href: 'https://pf.kakao.com/_VmCYn',
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
href: 'http://pf.kakao.com/_VmCYn',
href: 'https://pf.kakao.com/_VmCYn',
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/common/layout/sidebar/my-page-sidebar.tsx` at line 106, The
desktop sidebar in MyPageSidebar contains an external link using
"http://pf.kakao.com/_VmCYn"; update that href to use HTTPS
(https://pf.kakao.com/_VmCYn) so it matches the mobile link and is secure, and
scan the MyPageSidebar component for any other occurrences of the same http URL
to replace them as well.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

카카오톡 링크는 http://pf.kakao.com/_VmCYn가 맞습니다

@HA-SEUNG-JEONG HA-SEUNG-JEONG merged commit 13894eb into develop May 25, 2026
30 of 32 checks passed
@HA-SEUNG-JEONG HA-SEUNG-JEONG deleted the fix/myPage-v2 branch May 25, 2026 14:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant