[jQuery] 제이쿼리란? (+ CRM)

성장을 즐기는 개발자, 최호경·2023년 3월 12일

jQuery란?

2006년에 발표된 오픈소스 기반의 자바스크립트 라이브러리입니다. 웹 페이지 상에서 엘리먼트들을 쉽게 찾아고 조작할 수 있어서 프론트엔드 기술에서 사용합니다. 다양한 웹 브라우저에 대응할 수 있는 호환성이 뛰어나며, 코드가 짧고 유지관리가 용이한 라이브러리입니다.

jQuery의 인기가 떨어지는 이유

웹 표준 API의 확장

W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group) 같은 단체들을 중심으로 한 웹 표준을 발전시키려는 노력으로 인해, 제이쿼리에서만 활용가능했던 편리한 기술이 브라우저만으로도 사용가능하게 되었습니다. 브라우저에서 기본 API로 제공해주기 때문에, 상대적으로 제이쿼리의 입지가 약화된 것입니다.

웹 브라우저 환경의 변화

인터넷 익스플로러 -> 크롬

제이쿼리가 본격적으로 각광받기 시작한 2007년 ~ 2008년은 IE가 전세계 웹 브라우저 시장의 60%로 점유하고 있었습니다. 인터넷 익스플로러는 MicroSoft의 다른 애플리케이션처럼 느린 버전 업그레이드와 데스트톱 기반의 윈도우 환경에만 주력하였습니다. 그에 따라 생산성과 가독성이 높은 간결한 코드를 위해 제이쿼리가 필수였습니다.

크롬의 강세

크롬은 윈도우, 맥, 리눅스 등 다양한 OS 뿐 아니라 모바일 OS도 지원하여 빠르게 웹 브라우저 점유율을 높였습니다. 2013년 이후로 줄곧 글로벌 시장점유율 1위를 지키고 있죠. 크롬은 IE보다 성능이 우수한 렌더링 엔진을 탑재하였고, 빠른 업그레이드를 위해 웹 표준을 신속하게 반영하였습니다. 결국 제이쿼리 같은 라이브러리가 굳이 필요하지 않게 된 것이죠.

가상 돔을 사용하는 라이브러리의 등장

DOM 조작에서의 비효율

웹 브라우저에서 DOM(문서 객체 모델)이라는 표준 형식으로 HTML 파일을 Parsing하면, 사용자가 보는 웹 페이지가 출력됩니다. 따라서 사용자와 상호작용하여 동적으로 변화하는 대화형 웹을 구현하기 위해서는 DOM 조작이 필수입니다. 그런데 돔 조작 때마다 새로운 화면을 출력하는데 많은 자원이 소요되었고, 이는 웹 브라우저의 성능과 효율성에 있어서 큰 이슈였습니다.

가상 DOM 조작 라이브러리의 등장

이러한 이슈를 해결하기 위해 나온 것이 리액트, 뷰 같은 자바스크립트 라이브러리입니다. 리액트는 메모리에 가상 돔(Virtual DOM)을 구성하여, 실제 DOM과의 차이점을 비교하고 변경된 부분만 실제 DOM에 반영하였습니다.

jQuery의 현재

경량화

JS는 컴파일을 하지 않고 바로 실행시킬 수 있는 스크립트 언어로, 파일 크기가 커질수록 전송, 파싱, 실행에 지연 및 성능 저하를 가져오게 됩니다. 따라서 JS 라이브러리들은 용량을 줄이는데 노력하게 되는데요. 제이쿼리는 낮은 수준의 용량을 가진 것이 장점입니다. 이러한 강점을 부각하기 위해, IE 11 미만 버전에 대한 지원 중단과 css 선택자 기능 내재화 등의 노력을 기울이고 있습니다.

아직도 높은 시장 점유율

제이쿼리는 긴 기간 동안 많은 사용자들을 거치며, 탄탄한 점유율을 가지고 있기 때문에 대규모 기능 변화가 일어나기 전까지는 사라지지 않을 기술입니다. 따라서 다른 프론트엔드 기술과 더불어 꼭 알고 있어야 하는 기술이라고 생각합니다.

오늘의 개발지식

CRM이란?

CRM(Customer Relation Management)은 고객 관계 관리로, 회사의 현재 고객 및 잠재 고객과 관련된 정보를 관리, 추적, 저장하도록 지원해주는 데이터 기반 솔루션입니다. CRM을 통해 기존 및 잠재 고객에 대한 데이터를 수집합니다. 여기에는 이메일, 전화번호, 웹 사이트, SNS 게시물, 구매 내역, 멤버쉽 포인트 등이 있습니다. 이러한 데이터를 분석하여, 고객 관계를 개발, 개선, 유지할 수 있도록 지원해주는 솔루션인 것이죠.