웹, 앱 체크 navigator.userAgent

navigator.userAgent user agent는 HTTP 요청을 보내는 디바이스와 브라우저 등 사용자 소프트웨어의 식별 정보를 담고 있는 request header의 한 종류이다. 지금 사용하고 있는 브라우저의 navigator.userAgent를 콘솔에 찍어보면 아래와 같이 나온다. 사용하고 있는 OS의 종류, 브라우저의 정보를 담고있다. 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36' 하이브리드 앱을 제작할때 web view의 RRL이 로드되기 전에 userAgent를 수정하여 특정 문자열을 삽입하는 방법으로 웹인지 앱인지 구분..

2023.04.06

모바일 디바이스 체크

모바일 디바이스를 체크하여 PC웹 환경인지, mobile 환경인지 알아낼 수 있다. 이 코드를 활용해 모바일용, 또는 PC화면용 동작을 다르게 할 수 있다. function detectMobileDevice(agent) { const mobileRegex = [/Android/i, /iPhone/i, /iPad/i, /iPod/i, /BlackBerry/i, /Windows Phone/i] return mobileRegex.some(mobile => agent.match(mobile)) } const isMobile = detectMobileDevice(window.navigator.userAgent) if(isMobile){ // 모바일 } else { // PC }

2022.12.12

BOM, DOM Object Model

브라우저 객체 모델 (Browser Object Model : BOM) 실제 우리가 사용하고 있는 브라우저와 관련된 객체의 집합이다. 대표적으로 window(최상위 객체), location, navigator, history, screen, document 객체가 있다. location Object 웹 링크, url에 관련된 객체 navigatior Object 브라우저의 탑재 메뉴들 관장 history Object 히스토리 관장 screen Object 윈도우 창, 사이즈 관장 (반응형 웹 관련) window 객체 ＊ 브라우저의 내장 객체 중 최상위 객체 ＊ 모든 전역 객체, 함수, 변수는 자동적으로 window 객체에 속함 ＊ 모든 전역 변수는 window 객체의 속성이 됨 ＊ 모든 전역 함수는 wi..

2021.12.02