export function getDeviceType() {
	const ua = navigator.userAgent;
	// console.log("유저 에이전트", navigator.userAgent);

	if (/android/i.test(ua)) {
		return "android"; // 갤럭시 포함
	}
	if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) {
		return "ios"; // 아이폰, 아이패드
	}
	if (/Macintosh|Windows NT/.test(ua)) {
		return "web"; // 데스크탑 브라우저
	}
	return "unknown"; // 그 외 (예: 스마트TV 브라우저 등)
}

// 사용 예시
useEffect(() => {
 	const device = getDeviceType();

 	if (device === "ios") {
 		console.log("아이폰(iOS)");
 	} else if (device === "android") {
 		console.log("갤럭시(Android)");
 	} else if (device === "web") {
 		console.log("웹 브라우저 (PC)");
 	} else {
 		console.log("알 수 없는 환경");
 	}
  }, []);

참고로 개발자 도구의 toggle device tool bar 가 활성화되어 있으면 해당 기기로 오해한다.

이 기능을 끄면 웹브라우저로 인식한다.