• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Modernizr] JS - Modernizr (모더나이저 = 마더나이저) - 크로스브라우징 구현 (= 브라우저의 HTML5 CSS3 지원 탐지)

목차
  1. Modernizr 용도 - 크로스 브라우징 구현
  2. Modernizr 적용

 

Modernizr 용도 - 크로스 브라우징 구현

 

크로스브라우징 구현용.
(= 사용자의 브라우저가 HTML5 CSS3 지원하는지 탐지해, 지원 여부에 따라서 사용자에게 최적의 홈페이지 화면을 보여주는 코드 분기 가능)

 



IE6 이상 거의 대부분 PC 및 모바일 브라우저에서 사용 가능.

 

 

Modernizr 적용

1. 다운로드

 

공식홈 https://modernizr.com/download

깃허브 https://github.com/Modernizr/Modernizr
 

PS. Modernizer 공식홈에서 체크할 요소 체크 후, 필요한 것만 다운 가능.


2. 업로드

※ 다운받은 파일을 아래 구조가 되게 업로드 (그누보드5 경우)

 

 

/js/modernizr-custom.js

 


3. 코드 추가

※ 사용 중인 head.sub.php 파일 내 head 태그 내에 아래 코드 추가

 

 

 <script src="<?php echo G5_JS_URL?>/modernizr-custom.js"></script>

 


4. 코드 탐지

 

JS 이용해 탐지

https://modernizr.com/docs/#using-modernizr-with-javascript

 

CSS 이용해 탐지

https://modernizr.com/docs/#using-modernizr-with-css

 

 


 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Math JS - Math.min() 메서드 ★ - 최소값 (= 최솟값 = Math.min메서드 = 매스민메서드)
Math JS - Math.pow() 메서드 ★ - 승수 (= 거듭제곱 = pow메서드 = 매스포우메서드/매스파워메서…
Math JS - Math.random() 메서드 ★ - 랜덤값 (= 임의값 = Math.random메서드 = 매스랜…
Math JS - Math.round() 메서드 ★ - 반올림 (= 라운드)
Math JS - Math.sin() 메서드 - 사인값
Math JS - Math.sqrt() 메서드 - 제곱근
Math JS - Math.tan() 메서드 - 탄젠트값
Date JS - Date 객체 - 날짜객체 (속성 + 메서드) 종류 ※Date()함수 = Date함수 = 데이트 함…
Date JS - constructor 속성 - 객체생성자함수 (날짜 경우)
Date JS - prototype 속성(날짜) - 사용자정의 속성/메서드 추가 (날짜객체경우 = 프로토타입)
Date JS - getDate() 메서드 ★ - 일자 얻기 (= getDate메서드 = 겟데이트)
Date JS - getDay() 메서드 - 요일 얻기 (예: 4) (= 요일 추출 = 요일 표시 = getDay메서…
Date JS - getFullYear() 메서드 - 년도 (= 4자리 전체년도얻기 = 겟풀이어)
Date JS - getHours() 메서드 - 시 (= 시얻기 = 시간얻기)
Date JS - getMilliseconds() 메서드 - 밀리초 (= 밀리세컨드)
Date JS - getMinutes() 메서드 - 분 (= 분얻기)
Date JS - getMonth() 메서드 - 월얻기 (= 달얻기 = 달월얻기 = getMonth메서드 = 겟먼스메…
Date JS - getSeconds() 메서드 - 초 얻기 (= 겟세컨즈메서드)
Date JS - getTime() 메서드 ★ - 시간 얻기 (= 타임스탬프얻기 = getTime메서드 = 겟타임메서…
Date JS - getTimezoneOffset() 메서드 - UTC시간과의 시차
11/67
목록
찾아주셔서 감사합니다. Since 2012