본문 바로가기

JavaScript32

url의 parameter 값에 따라 모달 열고/ 닫고 하는 법 https://www.sitepoint.com/get-url-parameters-with-javascript/ How to Get URL Parameters with JavaScript - SitePoint Learn how to parse query string parameters and get their values in JavaScript. Use the results for tracking referrals, autocomplete, and more. www.sitepoint.com 2022. 9. 7.
fake api - api 연습할 때 좋을듯 https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of Oct 2021, serving ~1.7 billion requests each month. jsonplaceholder.typicode.com 2022. 4. 20.
api들 https://betterprogramming.pub/4-awesome-browser-apis-you-might-not-be-using-yet-726d3e3237d2 4 Awesome Browser APIs You Might Not Be Using Yet Keep them handy. They can be super useful! betterprogramming.pub 복붙API 2022. 4. 16.
js 빈배열체크 Array.isArray(배열이름) && 배열이름.length === 0 arr가 배열이라면 arr.length === 0로 넘어가서 조건을 확인한다. 배열일 경우 length가 0인지 확인한다. Javascript는 && 문 왼쪽에 있는 조건을 먼저 검사하고 true 일때만 다음 조건을 검사하기 때문입니다. 배열이 Array일 경우에만, length 프로퍼티가 있는지 확인하기에 에러가 나지 않습니다. arr.length로 하면 변수 arr가 배열값이 아닌경우 오류를 발생하기 때문에 위의 식대로 써줘야한다. 2021. 11. 12.
https://fullcalendar.io/demos 달력 라이브러리 https://fullcalendar.io/demos 2021. 10. 25.
select2 검색내에서 검색하기 https://select2.org/getting-started/basic-usage 2021. 10. 8.
js 오늘날짜 현재시간 구하기 1. YY-MM-DD HH:MM:SS // 오늘 날짜 조회 var date = new Date(); var year = date.getFullYear(); var year = String(year); var yy = year.substring(2, 4); var month = new String(date.getMonth() + 1); var day = new String(date.getDate()); // 현재 시간 조회 var hours = date.getHours(); // 시 var minutes = date.getMinutes(); // 분 var seconds = date.getSeconds(); //초 // 한자리수일 경우 0을 채워준다. if (month.length == 1) { month.. 2021. 10. 6.
배열 중복제거 (ES6의 SET을 이용) 완전간단함 function uniqArray(array) { // let answer; return Array.from(new Set(array)); // return answer; } console.log(uniqArray([2, 1, 2, 3, 4, 3, 4])); // [ 2, 1, 3, 4 ] 2021. 10. 1.
얕은복사, 깊은 복사 https://bbaktaeho-95.tistory.com/37 [Javascript] 얕은 복사, 깊은 복사 (배열 복사, 객체 복사, shallow copy, deep copy, slice, JSON.parse, JSON.string 📚 복사 먼저 복사란, 원본과 모두 같은 내용으로 사본을 만드는 작업 원본은 따로 존재하고 사본도 따로 존재하게, 즉 원본과 사본은 내용은 같지만 서로 다르게 존재하고 있다는 뜻임 📗 얕 bbaktaeho-95.tistory.com 2021. 9. 1.
arr.length를 반드시 변수에 저장해서 사용하도록 하자... const arr = ['A','B','C'] const arr2 = [1,2,3] const arrLength = arr.length; console.log(arr.length); arr[arrLength] = 'D'; arr[arrLength + 1] = 'E'; arr2[arr.length] = 4; arr2[arr.length +1] = 5; console.log(arr); console.log(arr2); empty가 왜 두개 생기나 했는데 , 이유는 arr2에 4,5를 추가해줄 때 arr.lengh의 길이는 이미 5로 길어져 있기 때문에.. arr2[5] 부터 추가가 되기 때문이다... arrr.length를 반드시 변수에 저장해서 사용하도록 하자... 2021. 9. 1.
jquery - .empty() . append() 를 반복해야될 때 쓸 수 있는 .detach() .detach() 메소드 첫 번째 컨텐츠에요! 두 번째 컨텐츠에요! 세 번째 컨텐츠에요! div 요소 삭제 div 요소 복구 https://itprogramming119.tistory.com/entry/Jquery-remove-detach-%EC%9A%94%EC%86%8C-%EC%82%AD%EC%A0%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 [Jquery] remove(), detach() - 요소 삭제하는 방법 이번에는 요소를 삭제하는 메소드에 대해 알아보겠습니다. 요소를 삭제하는 메소드는 여러가지가 있습니다. 하지만, 이번 글에는 remove()와 detach()만을 다루고 다음에 시간이 되면 empty() 메소드 itprogramming119.tistory.com 2021. 8. 25.
select 태그 option 값 가져오기 var selectOption = document.getElementById('SELECT태그 ID'); selectOption = selectOption.options[selectOption.selectedIndex].value; console.log(selectOption); 2021. 8. 25.
input text box 특수문자 입력 제한 / 입력 시 이전값으로 되돌아가기 // html 복붙할걸 감안해 키 대신에 onchange로 변경함.. // js function characterCheck(obj){ // 허용하고 싶은 특수문자가 있다면 여기서 삭제하면 됨 var regExp = /[ \{\}\[\]\/?.,;:|\)*~`!^\-_+┼@\#$%&\'\"\\\(\=]/gi; if( regExp.test(obj.value) ){ alert("특수문자는 입력하실수 없습니다."); obj.value = obj.value.substring( 0 , obj.value.length - 1 ); // 입력한 특수문자 한자리 지움 } } - 나 공백이 들어가게 되면 -나 공백을 넣기전 기존에 텍스트박스에 있던 값으로 되돌아간다 2021. 8. 19.
datatables 특정컬럼 숨기기, 내림차순정렬 html no 대분류 제작품코드 제작품이름 제작품등록일 완제품확인 js var table = $('#example2').DataTable( { "processing": true, "destroy":true, //이거 추가하면 추가검색 가능 ajax: { type: 'post', url: './forms/product_data_ajax.php', data : { pro_mat : '', }, dataSrc : '', }, // console.log(data); columns : [ {data: "pro_code"}, {data: "pro_category"}, {data: "pro_code", "render": function(data, type, row, meta){ if(type === 'display'.. 2021. 8. 18.
창크기 자식창에서 부모창의 함수로 새 창 열때 크기 A창 B창의 스크립트부분 A본창-> B 작은팝업 -> C :A본창에서 연 새 팝업 window.close() 가 없으면 B의 작은 크기에 맞게 C가 열린다 2021. 8. 17.
배열 중복제거 ?? 물음표 두개 https://seo-tory.tistory.com/38 [JS] 자바스크립트에서 '??' 란?! (Nullish Coalescing Operator) 논리 연산자 의미 || OR && AND ! NOT 자바스크립트에선 3가지 논리 연산자를 사용하는데, 여기에 추가로 ES2020에서 새롭게 추가된 연산자가 바로 ?? 이다. ??는 Nullish Coalescing Operator라고 불린다. null-.. seo-tory.tistory.com 2021. 8. 13.
자바스크립트 input type, name 변경 https://gcpark.tistory.com/39 Javascript로 input type 변경하기 (attr, prop 차이) Input 의 속성 type을 Javascript로 변경하고싶어서 검색하다가 attr로 변경할수있다는 정보를 알게돼서 if($("#license_check").is(":checked")){ $('.license_input').attr("type", "password"); }else{ $('.lic.. gcpark.tistory.com 어느 블로그에서 ("#아이디").name = "param"; 이렇게 하면 된댔는데 안된다 2021. 8. 5.
자식창에서 부모창의 함수 실행 parent.함수명(); 하니까 안되서 window.opener.함수(); 하니까 되었따 2021. 8. 4.
input 값 초기화 하기 = 빈값 넣기 // 치아번호테이블값지우기 $("input[name=tn_num_table]").val(''); 2021. 8. 2.
토탈값 자동계산 2021. 8. 2.

티스토리툴바