개발자의 끄적끄적

[javascript/jquery] jquery trugger click example / jquery 버튼 강제 클릭 이벤트 발생 방법 jquery 에서 버튼을 강제로 클릭하게 처리하고 싶은 경우가 있습니다. trigger를 사용하면 버튼을 강제로 클릭할 수 있습니다. 예를들어 아래와 같이 test_btn 이라는 버튼이 있다고 가정하고, 테스트 아래 나와있는 것처럼 trigger("click") 를 사용하면 해당버튼을 클릭 시킬수 있습니다. $("#test_btn").trigger("click"); 참고들 하세요!

[javascript/jquery] javascript button click event example / 자바스크립트 버튼 강제 클릭 이벤트 발생시키는 방법 javascript 에서 특정 상황에서 강제로 버튼 클릭을 동작하게 처리해야 하는 경우가 있습니다. 그럴때는 click 를 이용하시면 됩니다. 예를들어 아래와 같이 id_btn 이라는 아이디를 가지는 버튼이 있다고 가정하고, 위 버튼을 강제로 클릭하는 이벤트를 발생시키고 싶으면 아래와 같이 click 를 사용하시면 됩니다! document.getElementById("id_btn")[0].click(); 참고들 하세요!

[javascript/jquery] jquery .css example / jquery 스타일 속성 추가 방법 jquery 로 특정 선택자, 즉 요소안에 css 속성을 추가해야 하는경우에는 아래와 같이 .css 를 이용하시면 됩니다! $("#test_div").css({ "color": "red", "font-size": "16px" }); 위 내용 보시면 아시겠지만, test_div 라는 아이디를 가지는 요소에 color 와 font-size 를 추가하는 내용입니다. 1개만 추가해도되고 여러개를 추가해도되니 참고들 하세요!

[javascript/jquery] javascript window.open 새창/새탭으로 여는 방법 javascript 에서 window.open 을 이용하여 새창을 여는 경우 새탭으로 열리곤 합니다. 그럴때는 아래와 같이 window.open 을 새탭 / 새창에 맞게 사용하시면 됩니다! window.open("/"); // 새탭 window.open("/", "", "_blank"); // 새창 참고들 하세요!

[javascript/jquery] ckeditor Cannot read properties of undefined (reading 'getEditor') 에러 해결 방법 글작성을 위해서 에디터를 많이 이용하는데요, 그중에서 ckeditor 를 붙이려고 하다보면 아래와 같은 에러가 나는 경우가 있습니다. Cannot read properties of undefined (reading 'getEditor') 그럴때는 고민하지마시고, 1. js 가 정상적으로 로드되었는지 확인 2. editor 를 붙이려는 textarea 의 아이디와 CKEDITOR.replace 에 선언되어 있는 아이디명이 동일한지 확인 이렇게 확인해보시면 됩니다! 대부분 2번의 경우가 많으실껍니다! 참고들 하세요!

[javascript/jquery] javascript yyyy-mm-dd hh:ii:ss 형식인지 체크하는 정규식 javascript 에서 날짜를 다루다 보면 해당 날짜가 년월일 시분초의 형식인지 확인해야 하는 경우가 있습니다. 즉, 2021-01-01 11:00:00 과 같은 형식인지 확인해야 하는 경우에는 아래 정규식을 이용하시면 됩니다! var regex = /[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]/; 참고들 하세요!

[javascript/jquery] javascript resize event listner example / 자바스크립트 리사이즈 이벤트 체크 방법 javascript 로 현재 페이지의 크기가 변화하는지 체크해야되는 경우가 있습니다. 대부분 반응형의 사이트에서 이러한 로직들이 동작하는데요 그럴때는 체크하고자 하는 페이지에 아래 스크립트를 추가하시면 됩니다. window.addEventListener('resize', function() { // to do } 위 내용 보시면 아시겠지만, event listner 를 등록하면 resize 이벤트가 발생할때 마다 안에 적힌 로직이 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] jquery 전체 페이지 스크롤 하는 라이브러리 사이트 [링크] html 과 css 를 이용해서 페이지를 퍼블리싱 하다보면 마우스 스크롤 한번에 한 섹션씩 이동해야하는 이펙트를 주어야 하는 경우가 있습니다. 그럴때 사용하는 라이브러리가 fullpage 라이브러리 입니다. 이 라이브러리 소개와 2버전 3버전의 소스도 잘 정리되어 있는 사이트가 있어서 공유해보려고 합니다! 아래 링크 들어가셔서 사용법도 확인하시고 다운받으셔서 적용하시면 될듯 합니다! 참고들 하세요! jquery fullpage.js 다운로드 및 사용법 링크 : https://mariedays.tistory.com/40 전체페이지 스크롤 플러그인 fullPage.js 다운로드 및 사용법 / 버전2 무료 / ..