개발자의 끄적끄적

[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 라는 값을 세팅하는 내용입니다! 참고들 하세요!

[javascript/jquery] javascript image preview example / 자바스크립트 이미지 미리보기 예제 javascript 에서 서버에 이미지를 업로드 하기 전에 미리보기를 구현하고 싶은 경우가 있습니다! 그럴때는 아래와 같이 FileReader 를 이용하시면 됩니다. 우선 아래와 같이 input 태그과 img 태그가 있다고 가정하고, 아래 스크립트를 그대로 붙여서 구현하시면 됩니다. function prev_img(input) { if(input.files && input.files[0]) { const reader = new FileReader() reader.onload = e => { const previewImage = document.getElementById("i..

[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 forEach example / 자바스크립트 forEach 사용법 및 예제 javascript 에서 반복문을 작성할때 for 문을 사용합니다. 하지만 경우에 따라서는 아래와 같이 forEach 문을 사용하기도 합니다! var aa = ['a','b','c']; aa.forEach(function(val) { console.log(val); }) 위처럼 a,b,c 라는 문자가 각각 들어가있는 aa 라는 배열이 있다고 가정하고. forEach 를 이용해서 돌려주고 각인덱스의 값을 val 이라고 가정하고 출력하면 결과는 아래와 같이 나옵니다! a b c 참고들 하세요!