개발자의 끄적끄적

[javascript/jquery] jquery get class count example / jquery 특정 클래스 요소 갯수 확인하는 방법 jquery 에서 특정 클래스로 선언되어 있는 개체의 수를 확인하고 싶을때가 있습니다. 즉, input 이나 특정 태그의 갯수를 확인하는데 자주 사용되고는 합니다! 엄청 많이 쓰이는대도 매번 헤깔려서 공유차 올려봅니다! $('.test').length 위 내용 보시면 아시겠지만, 클래스명이 test 로 되어 있는 개체들의 수를 구하는 내용입니다! 위 내용을 console.log 나 alert 로 출력해보시면 바로 확인하실 수 있습니다! 예를들어서 이렇게 3개의 input 이 있다고 가정하고 $('.test').length 이걸 출력해보면 클래스가 test 로 되..

[javascript/jquery] jquery ui site link / jquery ui 참고 사이트 [링크] jquery 를 사용하다보면 드래그나 리사이즈 같은 이벤트를 사용해야 하는 경우가 있습니다. 그럴때는 아래 jquery ui 사이트에 가시면 도움이 되실만한 내용들과 샘플 코드들이 있습니다! 소스보시고 환경에 맞게 수정하시면 대부분 이상없이 정상동작합니다! 사이트 링크 첨부할테니 개발하실때 도움들 되셨으면 좋겠네요! 저도 수시로 저장해놓고 방문하고 있습니다! 참고들하세요! jquery ui 사이트 링크 : https://jqueryui.com/hide/ Hide | jQuery UI Hide Hide elements using custom effects. Click the button abo..

[javascript/jquery] jquery document.ready example / jquery document ready 예제 jquery 에서 페이지가 준비된 후, 즉 로드가 완료된 후 스크립트를 실행시켜야하는 경우가 있습니다. 그럴때는 아래처럼 document.ready 를 사용하시면 됩니다. $( document ).ready(function() { // todo }); 위 내용 보시면 아시겠지만, // todo 부분에 원하는 스크립트 로직을 작성하시면 해당페이지가 로드된 후에 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] ajax multiple inputs with same name example / ajax 같은 이름의 input 데이터 폼에 추가하기 ajax 로 데이터를 서버로 전송할때 form 을 사용합니다. 하지만 페이지가 로드된 후에 추가적으로 append 된 태그는 반영되지 않아서 수동으로 추가해서 전송해야 합니다. 아래는 같은이름을 사용하는 배열 형태의 데이터를 form 에 추가하는 내용입니다. $('input[name="member[]"]').each(function (index, name) { var value = $(name).val(); formData.append('member[]', value); }); 위 내용 보시면 아시겠지만 name 이 member[] 라..

[javascript/jquery] jquery datetimepicker date format example / jquery datetimepicker 날짜 형식 설정 방법 jquery 플러그인 중에서 날짜와 시간을 선택하고 싶을때 datetimepicker 를 사용합니다. 그중에서 날짜 형식을 설정하는 방법을 공유하고자 합니다! $('#TARGET_ID').datetimepicker({ format:'Y-m-d H:i', }); 위 내용 보시면 아시겠지만, datetimepicker 를 로드할때 TARGET_ID 에 로드할 input id 를 입력해주시고, 옵션으로 format:'Y-m-d H:i' 를 입력해주면 2021-01-01 11:00 와 같은 형식으로 표기됩니다! 참고들 하세요!

[javascript/jquery] jquery datetimepicker cannot read property 'formatdate' of null 에러 해결 방법 jquery 플러그인 중에서 날짜와 시간을 함께 쓰고싶어서 jquery datetimepicker 를 사용하려고 연동을했는데 아래와 같은 에러가 뜨는 경우가 있습니다! cannot read property 'formatdate' of null 그럴때는 페이지 상단에 로드된 js 파일을 보면 아래와 같이 되어 있을텐데 jquery.datetimepicker.js 위 파일 말고 아래와 같이 full 버전의 js 를 로드시켜주면 됩니다. jquery.datetimepicker.full.min.js 그리고 새로고침하면 이상없이 정상 동작합니다! 참..

[javascript/jquery] javascript localStorage set,get example / 자바스크립트 로컬스토리지 데이터 저장, 호출 방법 javascript 에서 쿠키와 비슷하게 localStorage 라는 것을 사용하는 경우가 있습니다. 똑같이 특정데이터를 저장해서 꺼내다 쓰기 위한 용도로 이해하시면 될듯합니다! localStorage 에 값을 세팅하고 꺼내다 쓰는 방법을 공유하고자 합니다! 우선 아래와 같이 title 이라는 변수에 abc 라는 값을 세팅하고 localStorage.setItem("title", "abc"); title 의 값을 꺼내다 쓰고 싶으면 아래와 같이 getItem("title") 를 사용하시면 됩니다. localStorage.getItem("title..

[javascript/jquery] javascript cookie set example / 자바스크립트 쿠키 값 설정 방법 javascript 에서 cookie 에 특정값을 세팅해야 하는 경우가 있습니다. 그럴때는 아래와 같이 document.cookie 를 이용하시면 됩니다. document.cookie = "name=abc"; 위 내용보시면 아시겠지만, 쿠키에 name 라는 변수에 abc 라는 값을 세팅하는 내용입니다! 참고들 하세요!