brunch

You can make anything
by writing

C.S.Lewis

by 탐구생활 Jan 18. 2017

JQuery vs Ajax


JQuery



“Write less, Do more”를 표방하며 만들어진 자바스크립트 라이브러리이다. 2006년 자바스크립트 개발자였던 존 레식(John Resig) 이 만들었다. 웹브라우저마다 다른 자바스크립트 코드를 라이브러리를 활용해 쉽게 작성할 수 있게 해준다. 코드를 적게 쓰되 더 많은 작업을 수행하려고 만든 목적처럼 자바스크립트 프로그래밍으로 100줄 넘게 작성해야 하는 것도 JQuery는 3~4줄로 간단히 처리 가능하게 해준다.


JQuery는 자바스크립트에서 자주 쓰이는 요소들을 미리 작성해 라이브러리로 제공한다. 대표적으로 항목 선택, 컨텐츠 추가/노출/숨김 처리, 폼의 항목 값 확인, 특수효과, 애니메이션, 이용자 액션에 대한 반응 등 자바스크립트에서 빈번하게 쓰이는 동작과 작업들을 바로 가져다 쓸 수 있게 해준다. 결국 필요한 기능을 가져다 사용할 수 있게 한 자바스크립트로 구성된 프로그램 집합이라고 할 수도 있다. 


JQuery는 파일 크기가 작고, CSS를 알면 이해하고 사용할 수 있어 개발자가 아닌 웹디자이너도 다룰 수 있다. 또 폼의 유효성 검사, 드롭다운 메뉴 등 바로 응용해서 사용 가능한 수천 개의 다양한 플러그인을 지원한다. 무엇보다 무료인 데다 크로스 브라우징이 지원되기 때문에 전 세계적으로 수백만 개의 사이트에 사용되며 검증받은 코드로 급격하게 사용이 확대되고 있다.


Ajax


Ajax는 다른 페이지로 이동해 버리거나 새로 고침 없이 화면을 전환하고 데이터를 업데이트할 수 있게 해주는 기술을 말한다. 인터넷이 보급되기 전 MS 오피스, 한글과 같은 데스크톱 프로그램은 네트워크를 통한 통신이 없고 PC 자체에서만 작동하기 때문에 버튼을 누르거나 문자를 입력하면 즉시 반응하고 작동했다. 하지만 인터넷과 모바일 중심으로 사용자 환경이 변하면서 주요한 작업 도구로 IE, 크롬 같은 웹브라우저가 많이 쓰이게 되었고 네트워크 통신을 통한 데이터의 교환 등이 많아졌다. 


통신환경, 디바이스의 발달과 더불어 웹페이지에 대한 사용자의 기대 수준 역시 PC용 프로그램과 비슷한 즉시성을 요구하게 되었다. Ajax가 이를 일정 수준 가능하게 해주는데, Ajax는 웹에서 데이터 입력이나 사용자의 특정한 동작이 있었을 때 웹페이지를 새로 읽지 않고 새로운 컨텐츠와 데이터를 가져와 즉시 보여주게 한다. 


Ajax(Asynchronous Javascript And XML) 이름 자체는 '비동기식 자바스크립트와 확장 마크업 언어'로 다소 복잡한데, 특정한 프로그램이라기보다는 웹페이지의 즉각성을 확보하기 위해 자바스크립트, 웹브라우저, 웹서버와의 통신 기술 등을 혼합해서 사용하는 것을 말한다.  폼 전송 후 결과 바로 표시하기, 로그인 후 페이지 유지, 별점 평가하기, 페이지의 새로 고침이 없는 검색결과 페이지 로딩 등이 대표적인 사용 예시이다. 웹페이지의 응답성을 향상시켜 기다림을 적게 해 사용자의 이용 경험과 만족도를 높일 수 있는 곳에 폭넓게 사용되고 있다.

매거진의 이전글 A/B 테스트 & MVT(다변량 테스트)
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari