[javaScript] 화면 사이즈별 맨트 나타나기

서론

예전에 하나 만들었는데 이번에 무슨 이유인지는 모르겠지만 만들고 싶어서 만들어 봤습니다. 사실 짜집기 형식의 소스입니다. NexT테마 공부하다가 만들어 둔 것인데 어쩌다가 한 번 더 손봐서 이렇게 올립니다. 그냥 '이런 것이 있구나' 하는 마음으로 보시기 바랍니다.

소스

JavaScript 파일

// 사이즈별로 기기알아보기
function isDisplay() {
    var navWin = window.navigator;
    var uAg = navWin.userAgent;
    var pa = /iPad|iPhone|Android|Opera Mini|BlackBerry|webOS|UCWEB|Blazer|PSP|IEMobile|Symbian/g;
    
    var hasMobileUAg = pa.test(uAg);
    var isTablet = window.screen.width < 992 && window.screen.width > 767 && hasMobileUAg;
    var isMobile = window.screen.width < 767 && hasMobileUAg;
    var isDesktop = !isTablet && !isMobile;

    if(isTablet) return 'Tablet';
    else if(isMobile) return 'Mobile';
    else if(isDesktop) return 'Desktop';
    else return 'Not found';    
};

정말 허접한 소스이지만 나중에 한번은 써먹지 않을까 싶어 남깁니다.
아직도 한참 갈 길이 멀다는 생각이...