본문 바로가기

Programming/JavaScript/AJAX

(11)
[jQuery] jQuery란 무엇인가? 출처 : http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html jQuery란 무엇인가? 2006년 초, John Resig가 만든 jQuery는 JavaScript 코드로 작업하는 사람들에게는 훌륭한 라이브러리이다. 여러분이 JavaScript 언어 초보자라서 라이브러리가 Document Object Model (DOM) 스크립팅과 Ajax의 복잡성을 다루어주기를 원하든지, 숙련된 JavaScript 구루로서 DOM 스크립팅과 Ajax의 반복성에 지루해졌다면, jQuery가 제격이다. jQuery는 코드를 단순하고 간결하게 유지한다. 많은 반복 루프와 DOM 스크립팅 라이브러리 호출을 작성할 필요가 없다. jQuery를 사용하면 매우 적은 문자로..
JavaScript, AJAX, jQuery 강의 모음 출처 : http://xguru.net/503 xGuru님이 올려주신 강의 모음 포스트. 역시 개발자는 다방면에서 활동해야하는구나 라는 걸 새삼 깨닫게 된다. AJAX 가 웹 기술의 대세로 떠오르면서, Javascript 언어에 대해 새로운 접근들이 시도되고 다양한 AJAX 및 자바스크립트 라이브러리들이 출시되었습니다. 많이 쓰이니까 쉽게 쓸 수 있도록 하는 방법들이 나오는 건 당연하겠죠. Script.aculo.us, Prototype.js , MooTools , jQuery, YUI ( Yahoo UI Library ) 등등.. 수 많은 Javascript 라이브러리중 최근의 대세는 jQuery – http://jquery.com/ 입니다. Google Trends를 통해서 위의 Script 라이브러..
[jQuery] 내가 Prototype에서 jQuery로 옮긴 이유 내가 Prototype에서 jQuery로 옮긴 이유 2008/04/06 19:03 : from html.css.js 이 글은 번역한 것입니다. 원문은 여기에서 확인하실 수 있습니다. 겸손한 자바스크립트를 구현하기엔 jQuery가 가장 적절하고 바람직하다는 생각에 옮겨봅니다. 저도 Quark씨처럼 당장의 편리함을 따른 것보다 jQuery의 철학을 따르는 것이 더 바람직하다고 생각합니다. 항상 디커플링을 지향하는 것이 생산성 문제를 개선하고 미래에 적응하는 것을 가능케 하기 때문입니다. 오역된 부분이 있을 지도 모르겠습니다.-_-;; 교과서 영어가 아니라-_-;; 나름대로 의역을 하긴 했는데 어렵네요. ----여기부터는 번역입니다. jQuery는 겸손한(unobtrusive) 자바스크립트를 위한 자바스크립트..
[펌] 구글 Gmail 드래그 앤 드롭 자바 스크립트 소스 출처 : http://www.thecssninja.com/javascript/gmail-dragout (@xguru 님께서 올려주신 트윗을 보고 알게됨) 자세한 내용은 출처 링크 참고 바람. Drag out files like Gmail AUG16 DZone Del.icio.us StumbleUpon Reddit Hacker News Google in their quest to keep me busy in trying to figure out how they do their innovative features in Gmail are at it again. First it was drag and drop uploading which used a clever trick to make it work in Ch..
[펌] 자바스크립트로 각 form의 element(요소)에 접근 방법 출처 : http://www.mungchung.com/xe/lecture/4197 form의 element에 스크립트로 접근하는 방식들을 정리해보았다. 각 브라우저별로 테스트 했으니 참고 하면 된다. IE : 익스플로러 7 SF : 사파리 3 FF : FireFox 3 Chrome : 크롬 1. form의 element에 name으로 접근 접근 방법 실행 브라우저 document.form1.txt1.value IE, SF, FF, Chrome document.getElementsByName('txt1')[0].value IE, SF, FF, Chrome document.getElementsByTagName('input').item('txt1',0).value IE, SF, FF, Chrome docume..
[Javascript] 정규식을 이용한 html 태그 제거 함수 출처 : http://blueb.net/blog/696 약간 에러가 있던데 수정하면 잘 쓸 수 있을것 같다. 나중에 시간되면 수정해야지...
[Javascript] 태그 삭제 정규식 출처 : http://signpen.net/blog/2510886 얼마 전 게시판을 하나 만들면서 댓글을 작성할때 자바스크립트라던가 HTML태그를 사용하지 못하게 하기 위해서 사용했던 정규식 content = str.replaceAll("]*)?(\\s)*(/)?>", ""); 태그를 없애버린다!! 사라져뢌!!! 내용인 즉.. 태그를 ""로 치환해 버리는것이다. 역시 이런 정규식은 많은 선배 개발자들이 깔끔한 형태로 만들어 놓으신게 많아서... 나는 그냥 긁어다 쓰면... 음훼훼훼~~ 위의 정규식도 인터넷 어디선가 긁어온 것!! 날짜 포맷이라던가 간단한 형태를 판별해 내고 처리하는 정규식은 어떻게든 해 보겠는데.. 형태가 조금만 복잡해 지면.. 특수문자들 사이에서 내 정신을 놓아버리고 만다..ㅠㅠ 아무리..
[Javascript] 아이디 입력시 한글/특수문자 입력 체크 함수 항상 내 입맛에 맞게끔 수정해서 쓰는 습관을 들이자.