728x90
반응형
리액트에서 디바이스 구분하기
export const isAndroid = () => {
return /android/i.test(navigator.userAgent);
}
export const isiOS = () => {
return /iphone|ipad/i.test(navigator.userAgent);
}
export const isiPhone = () => {
return /iphone/i.test(navigator.userAgent);
}
export const isiPad = () => {
return /ipad/i.test(navigator.userAgent);
}
export const isMobile = () => {
return isAndroid() || isiOS();
}
export const isDetectMobile = () => {
const minWidth = 600
console.log(window.innerWidth);
return window.innerWidth <= minWidth;
}
반응형
'프로그래밍 > React' 카테고리의 다른 글
[React] react-to-print 사용 방법 (0) | 2023.06.19 |
---|---|
[React] CSR(Client-side Rendering)과 SSR(Server-side Rendering)의 차이 (0) | 2023.06.16 |
[React] 간단한 모달 띄우기 (0) | 2023.06.14 |
[React] 리액트 lazy loading (0) | 2023.05.26 |
[React] ag-grid 특정 행 disabled 처리 (0) | 2023.05.15 |