개발자의 끄적끄적

[javascript/jquery] ajax headers 에 내용 담아 보내는 방법 jquery 에서 ajax 를 이용해 특정 url을 호출할 경우 http header 에 특정 내용을 담아서 전송을 해야만 하는 경우가 있습니다. $.ajax({ url: "URL", headers: {'name': 'value'} }); 그럴때 위 내용처럼 hearders 를 추가해주면 됩니다. json 배열과 같은 방식으로 이름과 값을 넣어주면 됩니다. 참고들 하세요!

[javascript/jquery] jquery 자식 요소 갯수 구하는 방법 jquery 로 특정 element 의 하부 element 의 갯수를 조회하는 방법입니다. $(target).children().length 위 내용 보시면 아시겠지만, target element 의 자식 요소들의 갯수를 구하는 내용입니다. 참고들 하세요!

[javascript/jquery] 자바스크립트 가져온 element 의 태그 없애기 jquery 를 이용해서 특정 element 를 가져온 후 그 안에 있는 특정 태그를 없애고 싶을때 아래 방법으로 하시면 됩니다. $('.element').innerHTML.replace(/(|)/gi, ""); 위 내용 보시면 아시겠지만, element 라는 클래스의 element 를 가져온 후 그 안에 html 중 div 태그를 제거하는 내용입니다. 참고들 하세요!

[javascript/jquery] datatable.js 소개 및 사용법 jquery 플러그인들 중에서 테이블 형식을 제공하고, 정렬 페이징 등등 이 쉽게 가능한 datatable 플러그인이라는게 있습니다. 우선 아래 css 와 js 를 로드하고 cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js 아래 내용처럼 적용시킬 타겟 아이디 혹은 클래스 등을 입력해서 동작시켜 주면 됩니다. $(document).ready( function () { $('#myTable').DataTable(); } ); .DataTable 안에 옵션들 및 데이터들을 주어 적용하고 ..

[javascript/jquery] css display 여부로 show/hide 하는 방법 jquery 로 특정 타겟 클래스 혹은 아이디 등 요소들의 css display 상태를 체크하여 숨겨져 있으면 보이게 하고, 보이게 되어있으면 숨기는 방법입니다. if($("아이디").css("display") == "none"){ $("아이디").show(); } else { $("아이디").hide(); } 위 내용 보시면 아시겠지만, 특정 아이디의 css 요소중 display 가 none 이면 show() 를 호출해서 보이게하고, 반대의 경우는 hide() 를 호출해서 감추는 내용입니다! 참고들 하세요!

[javascript/jquery] [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 해결 방법 반응협 웹에서 스크롤이라든가 드래그라든가 액션이 일어날때 반응하기 위해서 window.addEvenrListener 를 선언해서 사용합니다. 그렇게 잘 사용하다가 갑자기 아래와 같은 오류가 떠서 검색해봤습니다. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 일단 크롬 콘솔에서 위와 같은 에러가 발생할 경..

[javascript/jquery] JSON.parse 사용법 및 예제 javascript 에서 json 형태로 넘어온 데이터를 가공하기 위해서는 JSON.parse 를 사용해서 파싱을 해야합니다. 아래는 파싱예제입니다. var json = '{"result":"OK", "cnt":2}'; var data = JSON.parse(json); 위 내용처럼 파싱을 해서 data 라는 변수에 담아두고 그걸 꺼내서 사용하기 위해서는 아래처럼 사용하시면 됩니다. console.log(data.result); // OK console.log(data.cnt); // 2 json 파싱을 하고난 data 라는 변수에서 result 와 cnt 로 들어있는 변수를 꺼내서 출력한 내용 입니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 반올림함수 floor 사용법 및 예제 javascript 에서 소수점을 반올림하고자 할때 사용하는 함수입니다. Math.round(1.5); // 2 Math.round(1.4); // 1 위 내용 보시면 아시겠지만 Math.round() 함수가 바로 반올림해주는 함수입니다. 1.5를 입력하면 2로 나오고 1.4로 입력하면 1로 나오게 됩니다! 참고들하세요!