kasumil의 코딩 공작소

제이쿼리 내 배열 검색 기능. 배열 내용을 join하면 된다. let dataTable = $('#dataTable').DataTable({ responsive: true, order: [[0, 'desc']], }); let checkBoxArr = []; $('#filter .filter').on('change keyup', function () { if(this.checked == true) { checkBoxArr.push(this.value); } else { checkBoxArr = checkBoxArr.filter((el) => { return el !== this.value; }); } dataTable .column(1) .search(checkBoxArr.join("|"), true, ..

$('#upload').on('change', function() { console.log('upload'); }); 방법은 간단하다. 변화를 감지하게 하여 해당 파일이 업로드시에 해당 console.log가 찍히는 부분에 원하는 코드 예를 들어 ajax나 또는 axios, fetch를 넣어 서버에 통신하게 하면된다. 속도에 문제가 있다하면, 제이쿼리보다 바닐라코드가 빠르므로 제이쿼리를 쓰지 않는다면, 바닐라 코드를 쓰길 권장한다. document.getElementById('upload'); 이렇게 접근하면 된다.

흔히들 보는 이미지 업로드 방식은 바로 input을 이용한 방식일 것이다. 대충 만들었다. 다들 이렇게 해서 파일을 보내리라고 본다. 내가 기존에 작성한 toast ui 업로드 방식에서 이미지서버가 아닌 move file을 이용한 업로드를 구현해야했다. 그러다보니 기존 blob을 사용해야하는데 input에서는 작동하지 않는다.... 이를 위해서 blob으로 바꿔줘야 했다. let file = $('#file').prop("files")[0]; // input file에서 데이터 뽑는 방법 let tmp = new Blob([file], { type: `${file.type}` }); // 타입은 동적으로 보내서 감지할 수 있게 했음. let formData = new FormData(); formData..

이 텍스트 값을 복사하도록 하겠습니다. 왼쪽 텍스트 복사하기 흔히 복사 기능을 넣는다면 볼수 있는 코드. 출처(m.blog.naver.com/opgj123/221511874378) 하지만 이것으로 할 경우 작동이 될때가 있고, 아닐때가 있어서 애를 먹었다. 그 이유가 보통 innerText가 있는데, value로 표기하여 못건드리게 하거나 할때가 있다. 하지만, 여기에 있다고 아무생각 없이 쓰는 사람들이 있을 수 도 있다. 그럴땐 console.log(text); 찍어보자. 속성값이 죄다 들어오니 innerText가 들어오거나 다른 속성 value로 들어온다거나 할 것이다. 그런 해당 값으로 읽을 수 있게 찍어 줘야한다. 그리고 나의 경우에는 input 창에 있는 value 값을 복사해와야 하므로 해당 ..