Q&A

modernizr.js가 뭔가요??

2015.12.24 11:51
2,107
0

html5와 css3 사용을 브라우저별로 구분해주는 거라면서 자기는 꼭 추천하는 스크립트라 그러던데

검색해봐도 잘 모르겠네요 왜 쓰는걸 추천하는지..;ㅁ;

브라우저 속도가 빨라지나요?;

eond Lv. 13
# 라이믹스 스킨 제작은 어디? >>>> XE 레이아웃, 라이믹스 스킨제작은 이온디에서 커스터마이징해드립니다.
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com

댓글 5

  • 2015.12.24 12:26 #125229
    기능 지원 여부로 스크립트를 불러오거나 하게 할 수 있는 것입니다. jQuery를 불러온다고 기존 document.~ 함수가 jQuery 함수가 되진 않듯이, modernizr도 불러오기만 해서는 안되고 써야 합니다.

    예전에는 브라우저 별로 IE8 지원 기능, IE9 지원 기능 이런 식으로 브라우저 별로 지원되는 기능을 분류해서, 어떤 기능을 쓰기 원할때 일일히 브라우저를 구분해서 지원할지 여부를 결정했다면, modernizr 적용시 브라우저 상관 없이 특정 기능을 지원하는지 여부만 체크함으로 운영자가 일일히 지원 브라우저를 추가해 줘야 했던 방식과 비교해서 조금더 편합니다.

    예를 들어 비디오 태그를 사용하려고 한다면 IE8 이하 브라우저는 구분해서 embed를, 그 이상 버전이거나 그 이외의 경우 video 태그를 사용하는 등 조치를 취해 주었어야 하나 modernizr를 사용하면 귀찮게 비교할 필요 없이 video 태그 지원여부만 체크해서 분기하면 되는 것입니다.
  • 2015.12.24 14:28 #125305
    답변 감사합니다..
    html경우는 그런 식으로 따로 조치를 하는 걸로 이해가 됐는데
    혹시 CSS에도 그런게 어떻게 적용되는지 모르겠네요 ㅎ

    @_@;;
  • 2015.12.26 14:09 #126545
    XETOWN 접속해서 개발자 도구 열어보시면 최상위 HTML 태그에 modernizr-~~ 와 같은 class가 추가되어 있습니다. 이를 이용하면 됩니다.

    ex)video 태그 지원시 적용할 css면 .modernizr-video .someclass #someid { style~~ } 와 같이 사용 가능
  • 2015.12.26 14:13 #126559
    오 코노리님이 직접 삽입한 스크립트인가보네요.
    기본 XEDITION 에는 없던데 ㅎ
    스타일만 따로 적용해주는 건지 언제 VIDEO 태그 사용할 일 있음 써봐야겠네요 ㅎㅎ
  • 2015.12.26 14:32 #126577
    코어에 기본 내장되어 있고요, 1.8 이상이라면 클래스가 있어야 정상입니다. 자바스크립트로 추가되는 class라 소스보기 등 자바스크립트 실행 전에는 없습니다.