개발자의 끄적끄적

[javascript/jquery] javascript 윤년 체크하는 방법 javascript 에서 날짜를 다루다 보면 해당 연도가 윤년인지 아닌지 확인해야 하는 경우가 종종 있습니다. 그럴때는 아래 조건문을 이용하시면 됩니다. if( (year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ) { alert("윤년") } 연도가 4로 나누어 떨어지고 100으로 나누어 떨어지지 않거나, 400으로 나누어 떨어지면 윤년으로 보시면 됩니다. 참고들 하세요!

[javascript/jquery] jquery 최하단으로 스크롤 이동 시키는 방법 jquery 로 특정 데이터를 로드한 시점이라 특정 상황에 따라 스크롤을 맨 아래로 이동시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 scrollTop 를 이용해서 scrollHeight 값으로 이동시키면 됩니다. $('#test').scrollTop($('#test')[0].scrollHeight); 위 내용 보시면 아시겠지만, 스크롤이 되는 영역인 test 라는 아이디를 가지는 영역의 스크롤을 높이값을 입력하여 이동시키는 내용입니다. 참고들 하세요!

[javascript/jquery] javascript filereader get filename example / 자바스크립트 filereader 안에서 파일명 가져오는 방법 javascript 에서 filereader 로 파일을 읽으려고 하다보면 정상적으로 파일을 읽어서 로드된 뒤에 해당 파일명을 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 reader.fileName 라는 객체에 읽어들인 file 이라는 객체안에 있는 name 라는 값을 세팅하고 reader.onload 를 실행하고 그 안에서 이벤트를 받아 target.fileName 를 출력해보면 로드되기전 세팅한 파일명 출력이 가능합니다! var reader = new FileReader(); reader.fileName = file...

[javascript/jquery] jquery swiper afterInit event example / jquery swiper 로드 완료 시점 체크 방법 jquery swiper 를 사용하다보면 swiper 가 정상적으로 로드가 되었는지 확인해서 로드된 후에 특정 액션을 취해야 하는 경우가 종종 있습니다. 그럴때는 아래와 같이 afterInit 이벤트를 등록하시면 됩니다. var swiper = new Swiper(".slider", { on: { afterInit: function(){ // to do }, }, }); afterInit 함수 안에 원하는 액션을 구현하시면 swiper 가 정상로드된 후에 해당 액션이 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] jquery rolling example / jquery 롤링 샘플 사이트 [링크] javascript 나 jquery 로 인터렉션을 구현하다 보면 특정 영역의 텍스트가 위로 혹은 아래로 롤링되도록 설정해야 하는 경우가 있습니다! 깔끔하게 구현되어있는 롤링 사이트가 있어서 공유하려고 합니다. 아래 사이트 들어가서 보시고 소스 확인해서 적용하시면 될듯 합니다! 참고들 하세요! https://codepen.io/hajaran/pen/BmbJLz Rolling text ... codepen.io

[javascript/jquery] jquery object to html example jquery 나 javascript 로 특정 엘리먼트를 가져오면 object 형태로 가져오게 됩니다. 그걸 다시 html 형태로 특정영역에 append 와 같이 밀어넣고 싶을때는 outerHTML 을 이용하시면 됩니다. 예를들어 아래와 같이 aaa 라는 아이디를 가지는 div 태그가 있다고 가정하고, test 위 엘리먼트를 아래와 같이 ele 라는 변수에 담고 var ele = $('#aaa'); 이것을 다시 html 형태로 값을 확인하고 싶으면 아래와 같이 outerHTML의 값을 출력하시면 됩니다. console.log(ele.get(0).outerHTML); 참고들 하세요!

[javascript/jquery] 자바스크립트 textarea 마우스 클릭위치 특정문구 추가하는 방법 javascript 에서 input 이나 textarea 와 같은 입력필드를 다루다 보면 특정경우에는 마우스 클릭한 자리에 특정 문구를 대입하는 기능을 구현하고 싶은 경우가 있습니다. 그럴때는 아래 함수를 활용하시면 됩니다. function setTextToPos(str) { var textarea = document.getElementById("textarea"); var curStart = textarea.selectionStart; let x = $("#textarea").val(); $("#textarea").val(x.slice(0, curStart) + str + x.slice(curStar..

[javascript/jquery] jquery datatable Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 라이브러리를 사용하다 보면 여러가지 에러들이 발생하곤 합니다. 그중에서 아래와 같이 style 관련 에러가 나는 경우가 있는데요. 딱히 오류원인을 찾기 힘듭니다 ㅠㅠ Cannot read properties of undefined (reading 'style') 만약 위와 같은 오류가 발생한다면 고민하지마시고, 테이블에 잡아놓은 td 수와 불러오는 데이터 수가 맞지 않아서 나는 에러일 경우니 바로 스크립트와 html 을 확인해보시면 되실겁니다! 참고들 하세요!