JavaScript 타이밍 제어하기 안녕하세요 TriplexLab 입니다. JavaScript 타이밍 제어하는 메서드에 관해서 살펴보겠습니다. 🎯 JavaScript 타이밍 종류 속성 설명 setTimeout 설정 해놓은 Time 이 지나고 난후에 실행한다. clearTimeout clearTimeout는 setTimeout을 취소 시킬수 있다. setInterval 설정 해놓은 Time 동안 계속 반복한다. clearInterval clearTimeout는 setInterval을 취소 시킬수 있다. requestAnimationFrame requestAnimationFrame는 setInterval를 보안한 것이다. cancelAnimationFrame cancelAnimationFrame는 reque..

jquery 이벤트 와 this 그리고 화살표 함수 안녕하세요 TriplexLab 입니다. ES6에서는 function 대신 화살표 함수(=>)를 사용합니다. 영어로 Fat Arrow라고 부르는 표기법은 단순히 function을 바꾼 것으로 알고 있는 분들이 계시지만 실제론 그렇지 않습니다. //1번 $('.ele').click(function(){ console.log(this); }); //2번 $('.ele').click(()=>{ console.log(this); }); 1번은 .ele의 this = ele(자기 자신)을 가리킨다. 2번은 .ele의 this = global(window)을 가리킨다. ​그러면 어떻게 기존 jquery 코드를 화살표 함수 형태로 변경할 수 있을까요?? //1번 $(..

⚙️ jquery 레이어 팝업 오늘 하루 그만 보기 쿠키설정 안녕하세요 TriplexLab입니다 :) 오늘은 jquery 레이어 팝업 오늘 하루 그만 보기 쿠키설정 에 관해서 살펴 보겠습니다.(자바스크립트 cookie) 레이어 팝업 입니다. 오늘 하루동안 보지 않기 Close // js 👏 결과 확인 jquery 레이어 팝업 오늘 하루 그만 보기 쿠키설정 결과 퍼블리셔나, 프론트단에서 일하다보면 너무나도 흔하게 자주 쓰는 거라서 이번에 정리 한번 했습니다. 위에 코드 파일로 공유드립니다. :) 다운받아서 test해보세요~ JavaScript으로도 다시 구현 해놨습니다.(21/10/20 추가) 👇👇 🎯 popup 끝나는 날짜 설정하여 자동으로 내리기 (21/11/12 추가) 새로 추가한 기능 👇👇 func..