feat: add openExternalLink utility to handle external links in webview and browsers

- Introduced a new utility function `openExternalLink` that detects the environment (webview or regular browser) and opens external links accordingly.
- Updated `tsconfig.node.tsbuildinfo` to include the new utility file.

Author: minsukim-29cm

src/router/useRouter.ts

@@ -1,12 +1,11 @@
 import { useNavigate } from 'react-router-dom';
 import { StockCountryKey } from '@ts/StockCountry';
 import { TermKey } from '@ts/Term';
-import { useIsMobile } from '@hooks/useIsMobile';
+import { openExternalLink } from '@utils/openExternalLink';
 import { webPath } from '.';
 
 const useRouter = () => {
   const navigate = useNavigate();
-  const isMobile = useIsMobile();
 
   const navToBack = () => navigate(-1);
 
@@ -35,24 +34,19 @@ const useRouter = () => {
   const navToTerm = (termKey: TermKey) => navigate(`${webPath.term}?term=${termKey}`);
 
   const openBusinessProposal = () => {
-    window.location.href = 'mailto:humanzipyo2024@gmail.com?cc=anyany3151@naver.com';
+    openExternalLink('mailto:humanzipyo2024@gmail.com?cc=anyany3151@naver.com');
   };
   const openServiceCenter = () => {
-    window.location.href = 'https://forms.gle/eus2xRNHGxbSBaAK9';
+    openExternalLink('https://forms.gle/eus2xRNHGxbSBaAK9');
   };
   const openInstagram = () => {
-    window.location.href = 'https://www.instagram.com/humanzipyo/';
+    openExternalLink('https://www.instagram.com/humanzipyo/');
   };
   const openLinkedIn = () => {
-    if (isMobile) {
-      window.location.href = 'linkedin://profile/humanzipyo';
-      return;
-    }
-
-    window.location.href = 'https://www.linkedin.com/company/humanzipyo';
+    openExternalLink('https://www.linkedin.com/company/humanzipyo');
   };
   const openThreads = () => {
-    window.location.href = 'https://www.threads.net/@humanzipyo';
+    openExternalLink('https://www.threads.net/@humanzipyo');
   };
 
   return {

src/utils/openExternalLink.ts

@@ -0,0 +1,24 @@
+import { MESSAGE_TYPES } from '../config/webview';
+import { detectWebView } from './Detector';
+
+/**
+ * 외부 링크를 시스템 브라우저로 엽니다.
+ * - 웹뷰 환경: 네이티브 앱에 메시지를 전송하여 시스템 브라우저 실행
+ * - 일반 브라우저: 새 탭에서 링크 열기
+ */
+export const openExternalLink = (url: string): void => {
+  const isWebView = detectWebView();
+
+  if (isWebView && (window as any).ReactNativeWebView) {
+    // WebView 환경: 네이티브 앱으로 메시지 전송
+    (window as any).ReactNativeWebView.postMessage(
+      JSON.stringify({
+        type: MESSAGE_TYPES.OPEN_EXTERNAL_BROWSER,
+        url,
+      }),
+    );
+  } else {
+    // 일반 브라우저: 새 탭에서 열기
+    window.open(url, '_blank');
+  }
+};