[React] 로그인 시, 유입종류 브라우저&웹&모바일 로그 남기기

접속한 브라우저 종류 및 웹이냐 모바일에 따라 로그 따로 남길 때

 

• MOBILE, WEB 은 상수다,,
• export const MOBILE = "mobile"
• export const WEB = "web"

import { MOBILE, WEB } from "@/constants/words";

export const isMobileDevice = (): string => {
  const userAgent = navigator.userAgent;
  const mobileRegex = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i;

  if (mobileRegex.test(userAgent.toLowerCase())) return MOBILE;
  return WEB;
};

export const getBrowserName = (): string => {
  const userAgent = navigator.userAgent.toLowerCase();

  if (userAgent.includes("firefox")) return "Firefox";
  if (userAgent.includes("chrome") && !userAgent.includes("edg")) return "Chrome";
  if (userAgent.includes("safari") && !userAgent.includes("chrome")) return "Safari";
  if (userAgent.includes("edg")) return "Edge";
  if (userAgent.includes("msie") || userAgent.includes("trident")) return "Internet Explorer";
  if (userAgent.includes("opera") || userAgent.includes("opr")) return "Opera";

  return "unknown";
};