개발자의 끄적끄적

[javascript/jquery] 자바스크립트 TypeError: Cannot read property 'length' of undefined 에러 해결방법 javascript 에서 특정 변수의 값의 길이를 재기 위해서 length 라는 함수를 사용합니다. 하지만, 위 함수를 사용하다보면 아래와 같은 오류가 나타나는 경우가 있습니다! TypeError: Cannot read property 'length' of undefined 만약 위와 같은 오류가 나타난다면, 길이를 재고자 하는 변수의 값이 없거나 잘못된 것입니다. 길이를 재기전에 변수의 값이 있는지 없는지 먼저 확인하시면 해결되실 겁니다! 참고들 하세요!

[javascript/jquery] jquery textarea 글자수 제한 예제 jquery 로 textarea 에 입력받는 글자수를 제한해야 하는 경우가 있습니다. 그럴때는 아래 함수를 이용하시면 됩니다. function length_check() { var desc = $("#id_data_desc").val(); if( desc.length > 400 ) { alert("입력 메세지는 400자를 초과할 수 없습니다."); $("#id_data_desc").val(desc.substring(0, 400)); } } 위 내용 보시면 아시겠지만, id_data_desc 라는 아이디를 가지는 textarea 에서 입력을 받는 값을 onkeyup 이벤트로 위 함수를 호출하여 400자 글자수로 제한하는 내용..

[javascript/jquery] jquery children example / jquery 자식요소 찾는 방법 jquery 에서 특정 태그의 자식 요소를 찾아야 하는 경우에는 아래 나와있는 children 을 사용하시면 됩니다. children() 예를들어 div 라는 클래스명을 가진 태그의 자식 요소중 test 라는 클래스명을 가진 요소를 가져오려면 아래와 같이 children 을 사용하시면 됩니다! $(".div").children(".test"); 참고들 하세요!

[javascript/jquery] jquery draggable mobile example / jquery draggable 모바일 설정 방법 jquery 를 이용해서 특정 div 가 드래그 가능하도록 설정을 하려면 draggable 라이브러리를 사용합니다. 하지만 모바일에서는 정상적으로 동작하지 않는데요, 그럴때는 jquery.ui.touch-punch.min.js 라는것을 추가로 로드시켜주어야 합니다. jquery ui 로드가 끝난 다음에 바로 아래 스크립트를 로드시켜주시면 정상적으로 동작하실 겁니다! 참고들 하세요!

[javascript/jquery] jquery draggable 라이브러리 [링크] 홈페이지를 개발하다보면 유용한 jquery 라이브러리를 활용하게 되는데요! 그중에서 자주 쓰이는 라이브러리중 하나인 draggable 라이브러리가 있습니다. 특정 영역에 있는 div 같은 태그를 화면내에서 드래그 할수 있도록 도와주는 라이브러리인데요! 아래 링크 들어가셔서 샘플 테스트도 해보시고 적용방법도 한두번 보시면 금새 적용하실 겁니다! 참고들 하세요! jquery draggable library : https://jqueryui.com/draggable/ Draggable | jQuery UI Draggable Allow elements to be moved using the mouse. Enable dragga..

[javascript/jquery] javascript scrollIntoView example / 자바스크립트 스크롤을 특정 영역으로 이동 시키는 방법 javascript 에서 현재 페이지의 특정 영역으로 스크롤을 이동시켜야 한는 경우 여러가지 방법이 있을 수 있는데요, 그중에서 대부분 브라우저나 엘리먼트들에서 동작하는 방식을 공유하려고 합니다. 바로 아래와 같이 scrollIntoView 를 이용하는 방법입니다. 아래는 기본 사용법입니다. document.getElementById('ID').scrollIntoView(); 예를들어 아래와 같이 test_div 라는 아이디를 가지는 div 태그가 있다고 가정하고, 현재 페이지의 스크롤을 위 태그로 이동 시키고 싶으면 아래와 같이 scrollIntoVi..

[javascript/jquery] javascript window.onload example / 자바스크립트 window.onload 사용법 javascript 에서 페이지가 로드된 다음에 특정 액션을 취해야 하는 경우 document.ready 를 많이 사용합니다. 하지만, 그래도 페이지가 로드가 되지 않은 상태에서 실행되는 경우가 있습니다. 그럴때는 아래와 같이 window.onload 를 사용하시면 됩니다. window.onload = function(){ // todo } 위 내용중 todo 에 하고자 하는 로직을 작성하시면 됩니다! 참고들 하세요!

[javascript/jquery] javascript indexOf example / 자바스크립트 문자열 찾는 방법 javascript 에서 문자열을 다루다 보면 특정 문자나 단어가 문자열에 포함되는지 확인을 해야하는 경우가 있습니다. 그럴때는 indexOf 를 이용하시면 됩니다. 예를들어 아래와 같이 test string 라는 문자열이 있는 str 이라는 변수가 있다고 가정하고, 그 문자열에 test 라는 문자가 포함되는지 확인하고 싶으면 아래와 같이 indexOf 를 사용하시면 됩니다. var str = "test string"; var result = str.indexOf("test"); 위에서 result 에 담긴 결과를 출력하면 아래와 같이 해당 단어의 시작 인덱스인 0이 출력됩니다! 0 만약..