[feature] 공유하기 웹뷰 브리지 복구

[seongwon030]

#️⃣연관된 이슈

ex) #이슈번호, #이슈번호

📝작업 내용

브리지작업을 안하면 안드로이드 앱에서 윈도우로 인식하기에 클립보드 복사가 됩니다. 그래서 브리지를 다시 복구했습니다.

중점적으로 리뷰받고 싶은 부분(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

논의하고 싶은 부분(선택)

논의하고 싶은 부분이 있다면 작성해주세요.

🫡 참고사항

Summary by CodeRabbit

• 개선 사항
  • 모바일 앱 내 웹뷰(RN WebView)에서의 공유가 네이티브 메시지로 안전하게 처리되도록 추가 경로가 도입되었습니다.
  • RN WebView 환경에서는 브라우저 공유 API 경로를 우회하여 네이티브 공유 경로를 우선 사용합니다.
  • RN WebView에서의 공유는 별도 방식으로 이벤트가 추적됩니다.
  • 데스크톱 및 일반 모바일 웹 공유, 클립보드 대체 경로 등 기존 동작은 유지됩니다.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

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

Project	Deployment	Review	Updated (UTC)
moadong	Ready	Preview, Comment	Jan 25, 2026 10:53am

[coderabbitai]

Warning

Rate limit exceeded

@oesnuj has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 9 minutes and 42 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

Warning

.coderabbit.yaml has a parsing error

The CodeRabbit configuration file in this repository has a parsing error and default settings were used instead. Please fix the error(s) in the configuration file. You can initialize chat with CodeRabbit to get help with the configuration file.

💥 Parsing errors (1)

Validation error: Invalid regex pattern for base branch. Received: "**" at "reviews.auto_review.base_branches[0]"

⚙️ Configuration instructions

• Please see the configuration documentation for more information.
• You can also validate your configuration using the online YAML validator.
• 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

Walkthrough

RN WebView 감지 로직(isRNWebView)을 추가하고, RN WebView 환경에서는 SHARE 메시지를 네이티브로 전송하는 requestShare 경로를 사용하도록 ShareButton 공유 흐름을 분기했습니다. Web Share API 및 클립보드 추적은 비-RN 환경에서 그대로 유지됩니다.

Changes

Cohort / File(s)	Summary
Share 버튼 변경 frontend/src/pages/ClubDetailPage/components/ShareButton/ShareButton.tsx	RN WebView 감지(isInAppWebView → isRNWebView) 추가. RN WebView일 때 requestShare/SHARE 페이로드 전송 및 rn_webview_share 이벤트로 추적하도록 분기; Web Share 경로에 !isRNWebView 가드 추가.
WebView 브리지 확장 frontend/src/utils/webviewBridge.ts	WebViewMessage에 SHARE 변형 추가 및 { title, text, url } 페이로드를 보내는 requestShare 신규 export 함수 추가 (postMessageToApp 사용).

Sequence Diagram(s)

sequenceDiagram
  participant Web as Web 페이지
  participant Bridge as window.ReactNativeWebView
  participant Native as 네이티브 앱
  participant Analytics as Analytics

  Web->>Web: 사용자 클릭 (공유)
  alt isRNWebView
    Web->>Bridge: postMessage({ type: "SHARE", payload: { title, text, url } })
    Bridge->>Native: 네이티브로 전달 (공유 처리)
    Web->>Analytics: trackEvent("rn_webview_share", { method: "rn_webview_share" })
  else not RN WebView
    Web->>Web: navigator.share(...) 또는 클립보드 복사
    Web->>Analytics: trackEvent("share", { method: "web_share" / "clipboard" })
  end

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related issues

• MOA-570 — WebView 공유 요청 postMessage 추가: RN WebView에서 postMessage로 공유 요청을 보내는 목표와 일치함.
• [feature] MOA-570 WebView 공유 요청 postMessage 추가 #1109 — WebView postMessage 기반 공유 경로 추가: 동일한 SHARE 메시지 및 requestShare helper 관련 작업과 일치함.

Possibly related PRs

• [feature] 카카오톡 공유 및 web share api로 변경 #1083 — ClubDetailPage ShareButton의 RN WebView 공유 흐름 및 postMessage 추가와 유사한 변경을 포함함.
• [feature] 웹뷰 감지 로직 추가 및 웹뷰용 UI 조건부 처리 #828 — in-app WebView 감지 로직을 다루는 변경과 연관됨.
• [fix] 공유하기 웹뷰 브리징 제거 #1105 — ShareButton의 RN WebView 공유 분기 관련 변경 사항과 직접적인 코드 수준 충돌 가능성이 있음.

Suggested reviewers

• suhyun113
• lepitaaar

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목은 웹뷰 브리지 공유 기능 복구라는 주요 변경 사항을 명확하게 요약하고 있으며, 실제 코드 변경 내용과 일치합니다.
Linked Issues check	✅ Passed	PR 변경 사항이 MOA-570 이슈의 WebView 공유 요청 postMessage 추가 목표를 충족합니다. webviewBridge.ts에 SHARE 메시지 타입과 requestShare 함수가 추가되었으며, ShareButton에서 이를 활용한 공유 로직이 구현되었습니다.
Out of Scope Changes check	✅ Passed	모든 변경 사항이 WebView 공유 브리지 기능 구현과 관련되어 있으며, 링크된 이슈의 범위 내에 있습니다. 외부 범위 변경은 없습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

---

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

[oesnuj]

다시 부활 좋습니다 ㅋㅋ 🔥

[oesnuj]

여기에 안만들고 src/utils/webviewBridge.ts에 WebView 액션용 헬퍼 함수를 만들어서 꺼내쓰면 됩니당

거기에 postMessage 로직도 구현되어 있어서 인자만 넣고 호출해 쓰면 돼요

[suhyun113]

빠른 수정 좋아요~