나의라임오렌지원

https://www.jstree.com/ jstree jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. www.jstree.com jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed ..

페이지 진입 시, UI를 상황별로 나눠야 하는 경우가 있어서, 라디오 이벤트를 찾아 봤다. # 라디오 버튼 체크 - Vanilla JavaScript var btn = document.getElementById('btn'); btn.checked = true; - jQuery $('input[name="btn"]').prop('checked', true); $('input:checkbox').val() == "true"; $('input[type=radio][id=btn]').attr('checked', true); # 다른 라디오 버튼 눌렀을 때(바뀔 때) 이벤트 - jQuery $('input[type=radio][name=btn]').change(function() { // method }); # ..

Ajax 요청에 대한 기본값을 설정한다. 다만, 사용을 권장하지 않는 다고 한다. $.ajaxSetup() 안에 셋팅을 하고, $.ajax() 실행. 모든 함수를 사용하는 이후의 모든 ajax 호출은 $.ajaxSetup()의 다음 호출까지 개별 호출에 의해 재정의되지 않는 한 그대로 셋팅된 그대로 실행된다. $.ajaxSetup({ url : "ping.php" }); $.ajax({ //url not set here; //use ping.php data : {"name" : "Dan"} }); example $.ajaxSetup({ url: "/xmlhttp/", global: false, type: "POST" }); $.ajax({ data: myData }); 참고사이트 https://api.j..

event.preventDefault(); 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드 브라우저 고유의 동작을 중단시켜주는 역할 , , 의 기본 동작 막을 수 있다. onSubmit을 했을 때, 페이지가 리프레쉬 되는 고유의 브라우저 동작을 막아줄 수 있다. a태그는 적용된 href 링크값으로 페이지 이동을 해주는 기본적인 기능을 가지고 있는데 a태그를 클릭 했을 때 preventDefault() 메서드를 실행시켜 주면 페이지 이동을 하는 기본 기능을 막는 것이다. event.preventDefault(); e.preventDefault(); preventDefault() 메서드는 이벤트가 전파되는 것(버블링이나 캡처 단계)를 중지시키지는 않는다. (이벤트의 전파 과정을 이해하고 있지 못한다면 ..

정규표현식은 이메일 검사, 전화번호, 주민등록번호 등 유효성 검사를 할 때도 사용되지만 XSS 공격을 대비하여 보안처리 할 수도 있기 때문에 이번 기회에 정리해보려고 한다. 다른 분의 블로그 자료와 함께 '모던 웹을 위한 JavaScript jQuery 입문 3판' 책을 참고하여 정리하였다. 정규표현식 문법 \d 숫자를 대표하는 글자들 (d는 digit의 약자) => 숫자 \D 숫자를 제외한 문자 => 숫자 아님 \w 글자를 대표하는 글자들 (w는 word의 약자) => 아무 단어 (숫자 포함) \W 글자 대표 문자를 제외한 글자들(특수문자, 공백 등) => 아무 단어 아님 \s 공백 문자(스페이스, 탭, 뉴라인) \S 공백 문자를 제외한 문자 => 공백 문자 아님 + '하나 혹은 그 이상 연결된' 라는..

JavaScript - element.append() - element.innerHTML jQuery - $().append() - $().html() 일반적으로 dom 은 jquery 보다 속도면에서 훨씬 빠르고, jquery는 dom 보다는 표현식이 간단하다는 차이가 있다. append 타겟을 지정하여 데이터를 처리하면 처리한 태그가 추가로 처리되며 innerHTML 은 타겟의 모든 데이터를 덮어씌운다. 그래서 innerHTML += "추가할 데이터" 방식으로 대처한다. 가장 해서는 안되는 방법으로 반복문 내부에 append / innerHTML += 처리 하는 것. //안 좋은 방식 for(i=0; i