일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- html기초
- git
- 코딩독학
- async
- 참조자료형
- 코린이
- scss
- 타입스크립트
- 코딩초보
- 리액트
- SasS
- redux
- Vue3
- 프론트엔드
- react-router
- 자바스크립트
- react
- 사용하는 이유
- TypeScript
- 깃
- 리덕스
- 코딩공부
- http
- 비동기
- 리액트 네이티브
- CSS
- useEffect
- React Native
- JavaScript
- 코딩기초
Archives
- Today
- Total
맨 땅에 프론트엔드 개발자 되기
JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법 본문
728x90
1. 일반 PC로 접속할 경우에는 앱 다운로드 링크를 띄우지 않고, 모바일로 접속할 경우에만 앱 다운로드 링크를 띄운다던가
2. 일반 PC는 마우스 기반이고 모바일은 터치 기반이기 때문에 접속 기기에 따라 이벤트를 다르게 작동시킨다던가
다양한 경우에 접속한 기기의 종류를 확인해야할 경우가 생긴다.
JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법
const isMobile = () => {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
};
이 코드 한 줄이면 접속한 기기가 모바일일 경우 true, 아닐 경우 false를 반환하는 함수를 구현할 수 있다.
728x90
'코딩 공부 일지 > JavaScript' 카테고리의 다른 글
JavaScript 날짜 형식 두 자리 수 만드는 방법 (0) | 2022.12.02 |
---|---|
lodash throttle과 debounce를 이용해서 함수의 반복 실행 막기 (0) | 2022.06.19 |
JS toLocaleDateString 을 이용하여 Date 표현 변경하기 (0) | 2022.05.04 |
TDZ를 아시나요? - 에러 기록 (0) | 2022.03.28 |
전개구문과 얕은 복사 & 깊은 복사 (2) | 2022.03.22 |