본문 바로가기

퍼블리싱

Swipe 플러그인 모음 iDangerohttp://www.idangero.us/swiper/demos/#.VYug7vntk7d Slickhttp://kenwheeler.github.io/slick/ 더보기
== 과 ===의 차이 우리는 스크립트 코드에서 ==를 보게 된다그런데 ==는 알겠는데 ===는 무엇일까? 다음의 코드를 보자 var a = 1; // number var b = "1"; // string console.log( a==b ); // true 가 찍힘 console.log( a===b ); // false가 찍힘 위처럼 변수 a는 number고 b는 string이다.왜 넘버고 스트링이냐, 그냥 둘다 1이 아니냐고 묻는 사람이 있다면,다음처럼 변수 a, b의 타입을 찍어보자 console.log(typeof a); // number가 찍힘 console.log(typeof b); // string이 찍힘 이렇게 두 변수는 타입이 다르고, 완전 다른 값이다.그런데 그냥 ==으로 비교를 하게되면 암묵적 형변환이 일어나.. 더보기
useragent, os 체크해서 <html>에 class로 추가하기 userAgent와 os 체크해서 해당 버전들을 html에 class로 추가하기다.이렇게하면 브라우저뿐만 아니라 해당 운영체제별로 크로스브라우징을 할 수 있다.처음으로 풀 자바스크립트로 해봤는데, 확실히 공부하면 제이쿼리보다 순수스크립트가 더 재미있을 것 같다는 생각이 들었다. 아무튼 아래코드로 작성하면, 이런식으로 클래스가 추가된다.특정 브라우저나 os 이슈 대응 때 이용하면 좋을 것 같다. var userAgentCheck = function(){ var ua = navigator.userAgent.toString().toLowerCase(); var agent = { ie : (/msie/i).test(ua) || (/trident/i).test(ua), firefox: (/firefox/i).te.. 더보기
안드로이드 / IOS 기본 시스템폰트 안드로이드 안드로이드 4.1이하 – droid sans fallback(고딕)안르도이드 4.2이상 – 나눔고딕안드로이드 5.0이상(롤리팝) – 본고딕(Noto Sans) IOS ios 5.x 이하 – 애플 고딕ios 6.x – 애플 산돌 고딕 네오(일반체와 볼드체)ios 7.x 이상 – 애플 산돌 고딕 네오 (100 ~ 900) 그래서 앞으로 모바일 프로젝트를 하고, 웹폰트가 아닌 시스템폰트로 작업을 한다면다음처럼 설정하면 될듯하다. font-family: '나눔 고딕',Dotum, 'droid sans fallback','AppleGothic',sans-serif; 더보기
iframe안 요소에 접근하기 사실 아무런 생각없이 iframe의 요소에 접근하는 법이나 일반 도큐먼트에서 접근하는 방법이나 같다고 생각했었다,그런데 콘솔에서 $("#modalIfm").find("html").height();을 찍어보니 null이 찍혔고,그 해당 html안의 요소에 접근하려해도 [] 또는 null, unfinded가 찍혔다.그 때서야 아 iframe안의 요소는 바로 접근을 못하는가하는 생각을 하게되었고, 찾아보니 역시...였다...;;;;이 무지함이란;;; 검색해보니 iframe셀럭터 다음에 contents()를 쓰면 된다는 것이다.다음을 참고하자. // div.elementInIframe에 접근하는 방법 $('#iframe').contents().find('.elementInIframe').html(); 더보기