개발자의 끄적끄적

[javascript/jquery] 자바스크립트 !! 연산자 사용법 및 예제 javascript 연산자 중에서 !! 라는 연산자가 있습니다! 입력받은 값을 boolean 형태로 변환해서 출력해주는 연산자입니다. !! 아래는 예제입니다. console.log(!!0); // false console.log(!!1); // true 위 내용 보시면 아시겠지만, 0 은 false 로 1 은 true 로 변환해줍니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 비밀번호 체크 정규식 (영문/숫자/길이) javascript 에서 비밀번호를 체크하는 정규식입니다. 영문과 숫자 / 길이를 체크하는 정규식입니다. var regPwd = /^(?=.*[a-zA-Z])(?=.*[0-9]).{6,16}$/; 비밀번호 체크하실때 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 숫자 콤마 찍는 함수 javascript 에서 금액과 같은 숫자를 표기할때 3자리 마다 콤마(,)를 찍어서 표기해야 하는데요 그럴때, 아래 함수를 이용하시면 됩니다! function number_format(num){ return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g,','); } 위에 보이는 number_format 함수를 선언하고 콤마를 찍을 숫자를 num 값 대신 전달하면 콤마가 찍힌 수를 반환 받게 됩니다! 참고들 하세요!

[javascript/jquery] jquery datatable Cannot read property 'sWidth' of undefined 에러 해결 방법 jquery datatable 를 사용하여 데이터를 테이블에 표시하다보면 아래와 같은 에러가 발생하는 경우가 있습니다. Cannot read property 'sWidth' of undefined 위 에러의 원인은 여러가지가 있을수도 있겠지만, 제가 경험한 바로는 ajax 에서 가져와서 세팅하는 column 의 갯수와 실제 테이블에 구성이 되어있는 column 의 갯수가 일치하지 않을때 나타나는 경우였습니다. 일단 위 에러가 보이면, 바로 스크립트의 컬럼수와 테이블의 컬럼수를 비교해보시면 해결하실 수 있을겁니다. 참고들 하세요!

[javascript/jquery] datatable order by null 처리 방법 jquery datatable 에서 초기 정렬값이 자동으로 설정이 되어 있어서 불편한 경우가 있습니다. 즉 테이블의 맨 첫칸을 체크박스로 체크된것들을 컨트롤 하고자해서 만들었는데 정렬제외 옵션을 주어도 초기 1회로드시에는 정렬이 되는 경우가 있습니다! 그럴때는 아래와 같이 order 옵션을 빈값으로 추가해주면 됩니다. $("TARGET").DataTable({ order: [], ... }); 위와 같이 옵션을 주게 되면 넘겨받는 컨트롤러에서 order 값이 빈값으로 확인이 되어 정렬에서 제외시키는 로직을 구성할 수 있습니다! 참고들 하세요!

[javascript/jquery] datatable order by exception / 필드별 정렬 제외 방법 jquery datatable 에서 정렬을 필드별로 허용하거나 불가능하게 설정하거나 하고싶을때 아래처럼 columns 에 컬럼별로 옵션을 주면 해당 컬럼은 정렬에서 제외 시킬수 있습니다! columns: [ {"orderable": false, "data": "name"}, ... ], 위 내용 보시면 아시겠지만, 정렬조건에서 제외하고자 하는 컬럼 앞에 orderable: false 라는 옵션을 추가해주면 해당 컬럼은 정렬조건에서 제외되게 됩니다! 참고들 하세요!

[javascript/jquery] checkbox not checked count / 체크박스 체크안된 갯수 구하는 방법 javascript / jquery 에서 체크박스들이 체크 되어있는지 / 체크되어있지 확인하려면 체크박스 요소들을 가지고 와서 체크가 되어있는지 / 체크가 안되어 있는지 확인할 수도 있지만, 요소들의 체크상태가 체크되어있지 않은 상태의 갯수를 구할 수도 있습니다! var checked\_cnt = $('input\[name="ck\[\]"\]:not(":checked")').length; console.log(checked\_cnt); 위 내용 보시면 아시겠지만, input 태그중 ck[] 라는 name 를 가진 체크박스들 중 체크되어있지 않는 요소들의 갯수를 반환합니다. 따라서 c..

[javascript/jquery] checkbox checked count / 체크박스 체크된 수 구하는 방법 javascript / jquery 에서 체크박스들이 체크 되어있는지 확인하려면 체크박스 요소들을 가지고 와서 체크가 되어있는지 확인할 수도 있지만, 요소들의 체크상태가 체크되어있는 상태의 갯수를 구할 수도 있습니다! var checked_cnt = $('input[name="ck[]"]:checked').length; console.log(checked_cnt); 위 내용 보시면 아시겠지만, input 태그중 ck[] 라는 name 를 가진 체크박스들 중 checked 상태인 요소들의 갯수를 반환합니다. 따라서 checked_cnt 를 출력하면 체크된 갯수가 출력되게 됩니다!! 참고들 하세요!!