본문 바로가기
반응형

분류 전체보기

 (127)
reset.css /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption..
페이지 로드 후 스크립트 실행! window.onload, ready, DOMContentLoaded 뭘 써야할까?! 코딩을 하다 보면 가끔 스크립트가 제대로 작동하지 않는데 여러 이유가 있겠지만 그중 하나는 페이지가 로드되기 전에 스크립트가 실행되는 이유가 있다. 이러한 점을 방지하기 위한 방법은 여러 가지가 있는데 스크립트를 바로 위에 로드해서 마지막에 실행되게 하는 방법, onload, jquery.ready, DOMContentLoaded를 사용해 특정한 콘텐츠가 로드된 후 실행되도록 하는 방법 등 여러 가지가 있다! 오늘은 여러 방법들 중 window.onload, jQuery.ready, DOMContentLoaded의 차이점을 알아보고 무엇을 써야 할지 알아볼 것이다! 우리는 항상 시간이 없다.. 바로 본론으로 들어가자!! DOMContentLoaded 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는..
casamia 쿠폰 보호되어 있는 글입니다.
getElementById ? querySelector ? 뭘 써야 해 .. ? 호홯하ㅓㅎ허ㅏㅏㅎ 하이하히아힝하이 이번엔 요소를 잡아오는 getElementById 와 querySelector의 차이점을 알아볼거야! 원래 같으면 제이쿼리로다가 $('#id')나 $('.class')로 편하게 사용하겠지만 이제는 안돼.. 본질을 알아야 나중에 이게 이렇게 돌아가는구나라는 짐작이라도 하겠지!! 가보자고~~ 우선, 난 답답한건 싫어하니까 답부터 보고 가자! 사실 정답은 생각하기 나름이겠지만! 굳이 답을 얘기해보자면! getElementById!! 두 가지 기능 모두 좋지만 상황에 맞게 써야 해! getElementById를 사용하라고 했지만, querySelector를 사용하지 말아야지! 라는 강박은 없어도 돼!! 만약, 페이지가 복잡하고 모든 페이지에 ID를 추가하지 않으려면 queryS..
AK PLAZA 쿠폰 안보이게 하는 코드! 보호되어 있는 글입니다.
hosting 했는데 아무리 해도 연결이 안된다 or 캐시 삭제가 안된다? 보호되어 있는 글입니다.
replay 클릭 시, 스르륵 효과 없이 화면 이동 $(".replay_btn").on("click", function () { mainSwiper.slideTo(0, 0, false); scrollUp2(0); motionArray(this); }); function scrollUp2() { TweenMax.to('body,html', 0, {scrollTop: 0, ease: Power2.easeInOut}) } 클릭될 때라는 예시의 코드로 보자. replay_btn이 클릭되면 slideTo를 통해 0번째 페이지로 이동한다. 이 때, 함수의 각 파라미터는 slideTo(몇번째페이지로, 시간, scrollUp함수 실행하지않을거야)라는 뜻! false를 통해 scrollUp함수를 실행하지 않은 이유는 이것 역시 올라가는 모션이 보이기 때문이고 scroll..
AK PLAZA 작업 순서 보호되어 있는 글입니다.
반응형

티스토리툴바