Library/JQuery

✅ AJAX란? - AJAX란 Asynchronous Javascript And XML로 불린다. XML은 현재는 잘 쓰이지 않지만 개발당시 HTML이 아닌 XML이라서 그렇다고 한다. 자바스크립트를 이용해 서버와 브라우저가 비동기 방식(📌참고)으로 데이터를 교환할 수 있는 통신 기능이다. 👉 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. 기존의 웹에서는 한 번 페이지를 로딩하면 다른 페이지를 로딩하기 위해서는 링크를 타고 넘어가야 했다. 그렇게 타고 넘어가다 보면 페이지 깜빡임이 발생한다. 그러므로 페이지를 전환하지 않고도 결과를 보여주는 예상 검색어 등이 바로 AJAX 기술을 사용한 것이다. AJ..

✅ JQuery 메소드 정리 JQuery 정리에 앞서 요즘 jQuery를 쓰는 첫번째 이유는 자바스크립트 DOM을 좀더 쉽게 작업하기 위한 라이브러리이다. 자바스크립트 문법 중 프로토타입 방식으로 만들어진 클래스라고 한다. 자바스크립트로 코딩하면 여러줄이 필요하지만, jQuery 사용 시 많이 줄여서 코드 작업을 할 수 있다. 또한, jQuery는 DOM제어 보다 크로스브라우징(최대한 많은 종류의 웹 브라우저에서 작동하는 웹페이즈를 만드는 방법 중 하나) 처리가 편리하다. IE7은 비표준 브라우저이기 때문에 이벤트 등록 시 자바스크립트로 처리할 경우 attachEvent(), addEventListener() 등을 사용하여 코드를 사용한다. 이와달리 jQuery 내부에는 이런 번거로운 작업들을 대신 처리..

✅ JQuery $(선택자).동작함수1().동작함수2() - 달러($) 기호는 제이쿼리를 뜻하고 , 제이쿼리에 접근할 수 있게 해주는 식별자이다. - 선택자를 이용하여 원하는 HTML 요소를 선택한다. - 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. jQuery $객체 🟢 jQuery 사용 시 먼저 객체를 생성하여야 한다. 🟢 객체는 다양한 메소드를 가진다. jQuery와 Javascript 문법 비교 //JQuery $(function() { $("#id_1").동작함수1().동작함수2(); $('.class_1).동작함수1().동작함수2(); } //Javascript document.onload = function() { document.getElementByID('id_1'); d..