개발자의 끄적끄적

[javascript/jquery] javascript canvas reset example / 자바스크립트 캔버스 초기화 하는 방법 javascript 에서 canvas 를 이용하여 이미지 작업도 하고 그림도 그릴수 있고 여러가지를 할 수 있습니다. 그러다 보면 canvas 를 초기화 해야하는 경우가 생기곤 하는데요, 그럴때는 아래와 같이 clearRect 와 beginPath 를 이용하시면 됩니다. var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.clearRect(0, 0, cnvs.width, cnvs.height); context.beginPath(); 위 내용 보시면 아시겠지..

[javascript/jquery] javascript 특정 달의 마지막 날짜 구하는 방법 javscript 에서 특정 날짜를 입력받거나 가져와서 그 달의 마지막 날짜의 값을 세팅해야 하는 경우가 있습니다. 그럴때는 아래와 같은 방법으로 구할 수 있습니다. 예를들어 2021년 10월의 마지막 날짜를 가져오고 싶으면 아래와 같이 l_day 를 구하면 됩니다. var l_day = new Date(2021, 10, 0).getDate(); 위에서 구한 l_day 값을 console.log 로 출력해보면 console.log(l_day); 결과는 아래와 같이 31 이 나오게 됩니다. 31 참고들 하세요!

[javascript/jquery] 자바스크립트 iframe 에서 부모함수 호출 방법 iframe 에서 부모의 함수를 실행해야 하는 경우에는 그냥 함수명을 호출하면 undefined 에러가 발생합니다. 그럴때는 아래와 같이 parent. 을 추가해서 부모의 함수명을 호출하시면 됩니다. parent.functionName 참고들 하세요!

[javascript/jquery] 자바스크립트 로딩바 라이브러리 spin.js [링크] 페이지에서 서버로 데이터를 전송하거나 하는경우에 데이터 양이나 네트워크에 따라서 처리 속도가 다른 경우가 종종 있습니다. 그럴때는 사용자가 알기 쉽게 처리중이라는 로딩 이미지는 띄우곤 하는데요, 이번에 공유하고자 하는 사이트는 그런 로딩 이미지를 색상 / 크기 / 속도 등 여러가지 옵션을 조절해서 구현할 수 있는 라이브러리입니다. 바로 spin.js 인데요 아래 링크들어가셔서 데모로 테스트해보시고, 적용법을 한번 보시면 쉽게 적용하시고 사용하실듯 합니다! spin.js 링크 : http://spin.js.org/ spin.js spin.js Example Share it! If checked, the option v..

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