개발자의 끄적끄적

[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] jquery datatable get total records count example / jquery datatable 전체 레코드수 가져오기 jquery datatable 을 사용하다보면 특정영역에 전체 레코드 수를 표시해야 하는 경우가 있습니다. 그냥 짜여진 테이블은 데이터베이스를 조회할때 처리를 하면 되지만 jquery datatable 는 내부의 값을 찾아서 표시해야합니다. 우선 아래와 같이 dataTable 라는 아이디를 가진 datatable 형식으로 표기되고 있는 테이블을 table 라는 변수에 담고 var table = $('#dataTable').DataTable(); 위에서 담은 table 라는 변수의 값들중 page.info().recordsTot..

[javascript/jquery] 자바크스립트로 파라미터 넘기고 받기 / javascript send parameter example js 파일을 페이지에서 로드할때 특정 변수에 값을 주어 구분을 하고 싶은 경우가 있습니다. aaa.js?abc=1 이런식으로 query string 을 넘겨서 js 파일내에서 받아서 처리해야 할때에는 아래처럼 사용하시면 됩니다! var chkParam = function() { var script = document.getElementById('id_script'); //var script = scripts.item(scripts.length - 1); var match = script.src.match(/\?(.+)$/); var get = match[1]; var p..

[javascript/jquery] jquery url check example / jquery 현재 url 알아내는 방법 jquery 로 현재 url 정보를 알아내는 방법입니다. $(location).attr 을 이용하는 방법입니다! 아래는 기본 사용법입니다. $(location).attr("href"); 위 내용을 console.log 로 출력해보면 현재 접속중이 url 전체가 출력될껍니다. 그밖의 다른 정보나 url 정보중 필요한 내용만 확인하고 싶으시면 attr("href") 대신 아래 옵션들을 사용해서 출력하시면 됩니다! protocol host pathname search $(location).attr("protocol") 과 같은 방식으로 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 현재 url 확인하는 방법 javascript 에서 현재 url 을 확인하고 싶을때 아래와 같이 window.location.href 를 사용합니다. window.location.href; 하지만 위처럼 href 를 사용하지 않고 도메인과 경로를 끊어서 가져오는 방법도 있습니다. 바로 아래처럼 protocol / host / pathname 를 이용하면 전체 url 을 가져올 수 있습니다. var url = window.location.protocol + "//" + window.location.host + window.location.pathname; 위 url 이라는 변수를 아래와 같이 출력하면 결과를 확인하실 수 있습니다. console.log(url..

[javascript/jquery] selectbox get seleted text / 셀렉트박스에서 선택된 옵션의 텍스트 가져오기 jquery 에서 selectbox 를 사용하다보면 선택된 값의 글자를 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 사용하시면 됩니다! $("#TARGET_ID option:selected").text(); 위 내용 보시면 아시겠지만 #ID option:selected 라는 내용은 selectbox 의 아이디의 옵션들중 selected 즉, 선택된 항목을 가리키는 겁니다. 그것의 text를 가져온다는 내용입니다! TARGET_ID 에 적용하시고자 하는 select 태그의 아이디를 넣어주시고, 테스트해보시면 됩니다! 참고들 하세요!