[URH-66] useDeviceDetect 신규

[foresec]

👾 Pull Request

• 티켓: useDeviceDetect 신규
• 상태: 신규

1️⃣ Spec

• 현재 디바이스의 유형(moblie, tablet, desktop), OS 및 Browser를 감지하는 훅

2️⃣ 변경 사항

• 처음에는 tablet을 포함했으나 기기의 버전에 따라 너무 다양하게 바뀌는 분야로 보여 tablet 판별 제외

3️⃣ 예시 코드

  const { isMobile, isDesktop, os, browser } = useDeviceDetect();

• isMobile : 사용 중인 디바이스의 Mobile 여부를 나타냅니다.
• isTablet : 사용 중인 디바이스의 Tablet 여부를 나타냅니다.
• isDesktop : 사용 중인 디바이스의 Desktop 여부를 나타냅니다.
• os : 사용 중인 디바이스의 OS 이름(문자열)을 나타냅니다. cf) Windows, macOS, Linux, Android, iOS
• browser : 사용 중인 브라우저의 이름(문자열)을 나타냅니다. cf) Chrome, Safari, Whale, Edge, Firefox

4️⃣ 관련 문서 (선택 사항)

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent 에 따르면 해당 훅이 현재 지향하는 방식은 아니지만, 필요한 예외의 경우에 쓰일 수 있도록 작성했습니다.
• userAgent : https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent#syntax