DEVLOG

정말 기본적이고 자주 사용하지만 쓰려고 하면 기억이 안 나는 것들..ㅠ onload window.onload=function(){ ~~~ } click이벤트 document.querySelector('.class').onclick=function(){ location.href="tel:"+전화번호; //전화걸기 location.href="url"; //페이지이동 window.open("url"); //새탭열기 }; 주로 location.href는 내부에서 만든 페이지 (self) window.open()은 외부링크 (blank) var win = window.open("/"); // 새탭에서 열림 var win = window.open("/", "", "_blank"); // 새창에서 열림

혹시 몰라서! 필요한 cdn들 추가해놓기! Duration 스크롤에 따라 모션 주어지는 기능 var 변수 = new ScrollMagic.Controller({}); scene = new ScrollMagic({ triggerElement : (위치css), offset : (값 +-), duration : (주로 적용되는 height값) }) .addTo(어떤거를?) .setTween(모션값) .reverse(true/false) Indicators 스크롤이벤트, 트리거 위치 출력해줌 var 변수 = new ScrollMagic.Controller({}); scene = new ScrollMagic({ triggerElement : (위치css), offset : (값 +-), duration : (주..

https://greensock.com/get-started-js TweenMax시작하기 .to() 종료지점값을 지정 TweenLite.to([Selector], [Duration], {Properties:end values}) Selector : 대상자, 어떤걸? Duration : 지속시간, 몇 초동안? Properties:end values : 객체의 키와 값, 뭘? 어떻게? .from() 시작지점값을 지정 TweenLite.from([Selector], [Duration], {Properties:end values}) Selector : 대상자, 어떤걸? Duration : 지속시간, 몇 초동안? Properties:end values : 객체의 키와 값, 뭘? 어떻게? .fromTo() 시작과 ..

기본 세팅 var mainSwiper = new Swiper('.swiper-main-container', { hashNavigation: { replaceState: true, watchState: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, loop:true, autoplay: {disableOnInteraction:false}, on: { init: slideInit, slideChange: slideChangeEv, slideChangeTransitionEnd: slideChang..