개발자의 끄적끄적

[javascript/jquery] jquery datasheet library [링크] jquery 라이브러리를 찾아보던중 데이터 테이블 즉, 정렬 등 유용하게 사용할 수 있는 라이브러리를 찾아서 공유하고자 링크 달아봅니다! 사용법도 엄청 간단하니까, 쉽게 사용 가능하실꺼예요! 참고하세요!! jquery datasheet library url datatables.net/ DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, instantly DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool..

[javascript/jquery] jquery checked 사용법 및 예제 jquery를 이용하여 체크박스 혹은 라디오의 체크 유무를 확인하는 방법입니다. $("input:radio[id='태그아이디']").is(":checked") == true 위 예제를 보시면 아시겠지만, $("input:radio[id='ID']").is(":checked") 를 찍어보면 true / false 가 나올테니 그걸 활용해서 체크할지 말지 등등의 로직을 만들면 됩니다! 위 예제는 아이디지만, [id='태그아이디'] 자리에 [name='태그네임'] 이런식으로 변경해서 name으로 체크도 가능합니다! 참고하세요!

[javascript/jquery] interact js library [링크] 자바스크립트 라이브러리를 검색하던중 - drag & drop - snappong - resizing 등등 엄청 다양하게 지원이 되는 라이브러리를 찾았습니다! 이건 정말 잘 활용하면 많은 작업들에 사용할 수 있을 듯합니다. 참고사이트 주소를 공유할테니 다들 도움들 되셨으면 좋겠습니다! interact js library site url interactjs.io/ interact.js - JavaScript drag and drop, resizing and multi-touch gestures for modern browsers interact.js takes a slightly different approach compared..

[javascript/jquery] svg 시각화 라이브러리 [링크] javascript 로 svg 를 구현하고 나서, 시각화 즉 눈에 잘띄게 구분짓고 싶을때 사용할 수 있는 라이브러리를 찾아서 공유하고자 링크 올려봅니다! 일단 이정도면 사용가능할거 같아서 저도 사용해보려고 하구요! 혹시나 더 유용한 라이브러리나 참고할만한 사이트 있으면 바로바로 공유하겠습니다! 자바스크립트 svg 시각화 라이브러리 사이트 riccardoscalco.it/textures/ Textures.js riccardoscalco.it

[javascript/jquery] navigator 객체 사용법 및 참고사이트 javascript에서 현재 사용중인 브라우저 및 user agent 들을 조회 할때 navigator 를 사용합니다. 아래는 navigator 객체에서 많이 사용하는 4가지 입니다. navigator.userAgent // user Agent 조회 navigator.appName // 브라우저 명 조회 navigator.appCodeName // 브라우저 코드명 조회 navigator.appVersion // 브라우저 버전 조회 위를 보시면 알겠지만, 다른것도 많이 사용하지만 제가 생각하기에 대표적으로 많이 사용하는 것들만 추려봤습니다. 추가적으로 참고하실수 있는 사이트 링크하나 달아 놓겠습니다! 다른 속성들도 있으니 참고..

[javascriptjquery] jquery 선택자 종류 및 사용법 jquery 에서 태그 / 클래스 / 아이디 / 현재 선택된 요소를 선택하고 사용할때 쓰이는 명령어 입니다. $("태그명") // 태그명과 동일한 모든 태그를 선택 $(".클래스명") // 클래스명과 동일한 모든 태그를 선택 $("#아이디") // 아이디라는 id를 가진 태그를 선택 $(this) // 현재 선택된 태그를 사용할때 위 내용에 나와있듯이, 특정 태그들을 다 선택하거나, 특정 클래스를 다 선택하거나, 특정 아이디값을 가진 태그를 선택하거나, 현재 선택된 요소를 이용하거나 할때 사용됩니다. 참고하세요!

[javascript/jquery] jquery 마우스 이벤트 제어 함수 jquery 에서 키보드 이벤트 말고 마우스 이벤트도 자주 제어를 합니다. 그럴때 사용 하는 jquery 함수입니다. mousedown() // 마우스를 눌렀다가 때면 반응 mouseenter() // 마우스가 영역안으로 들어왔을때 반응 mouseleave() // 마우스가 영역에서 벗어났을때 반응 mousemove() // 마우스가 영역안에서 움직일때 반응 mouseover() // 마우스를 영역에 올려놨을때 반응 mouseup() // 마우스를 영역에서 눌렀을때 반응 위 내용보시면 아시겠지만, 마우스가 영역에 들어오거나, 클릭이 발생하거나, 영역을 벗어나거나 하는 이벤트들을 제어할 수 있습니다. 내용이 약간씩 다르므로 꼭 테스트..

[javascript/jquery] jquery 키보드 이벤트 함수 input 태그에서 키보드 입력이 될때마다 검색을 한다든가, 유효성 검사를 한다든가 하는 일이 많습니다. 그럴때 사용할수 있는 jquery 키보드 이벤트 함수입니다. keydown() // 키보드를 누를때 반응 keyup() // 키보드를 눌렀다가 뗄때 반응 keypress() // 글자가 입력될때 반응 위 내용처럼 키보드를 누를때 바로 반응하는지, 키보드를 눌렀다가 뗄때 반응하는지, 글자가 입력되었을때 반응하는지에 따라서 구분이 됩니다. 비슷하게 보이지만 약간씩 차이가 있으므로, 확인해보고 맞는것을 골라서 사용하시면 좋을듯 합니다. 참고하세요!