안녕하세요 파인애플PTL입니다.2021년 홈페이지 제작에 더 이상 jquery가 없어도 되는 이유를 말씀드리고 싶습니다.
jQuery의 탄생 배경 jQuery는 htmlDOM 처리 및 이벤트를 쉽게 할 수 있는 라이브러리입니다.웹 개발자라면 누구나 한 번쯤 들어본 유명한 자바스크립트 기반 라이브러리입니다.홈페이지의 동적 요소를 담당하는 자바스크립트를 손쉽게 사용할 수 있도록 지원하는 jQuery는 많은 웹 개발자들의 사랑을 받아왔습니다.사용하기 어려운 자바스크립트 2000년대 중후반 당시 웹페이지 제작 환경은 자바스크립트가 매우 사용하기 불편하고 어려운 부분이 있었습니다. 당시 웹 개발자들은 어쩔 수 없이 쓰지만 불편함을 호소하는 개발자들이 많았다.
예를 들어, box라는 클래스 이름을 가진 요소를 가져오는 코드를 살펴보겠습니다.위 코드가 javascript, 아래 코드가 jquery입니다.전체적인 코드가 jquery에 비해 길고 어렵게 느껴졌고 웹 개발에 입문한 초보자들이 사용하기에는 진입 장벽이 높은 것이 사실이었습니다. 이를 해결해 주는 jquery의 등장은 웹 개발을 준비하고 공부하는 입장에서 매우 기쁜 존재였습니다.
슬로건처럼 적게 사용하고 더 많은 작업을 할 수 있는 장점이 있다.브라우저 호환성 문제 jquery의 등장으로 도움을 받은 것은 초보자 개발자뿐만이 아니었습니다. 당시 주로 사용되던 브라우저는 IE(인터넷 익스플로러), 크롬, 파이어폭스, 오페라, 사파리 등 각 브라우저마다 코드를 읽고 처리하는 방식이 다소 달라 브라우저마다 호환성을 위해 코드를 따로 작성해야 하는 경우도 있었습니다.jquery 사용하면서 얻는 또 다른 장점은 다양한 브라우저에서도 코드를 따로 작성할 필요가 없어 호환성이 높았던 점도 큰 장점이었습니다. jquery의 등장으로 작업 시간에 큰 단축을 가져왔습니다.
파인애플 PTL은 왜 jQuery를 사용하지 않나요?이렇게 장점도 많고 많은 사람들이 사용하는 jQuery를 왜 2021년 현재는 더 이상 사용하지 말아야 하는지 또 jQuery의 단점은 무엇인지 한번 알아보겠습니다.
웹 페이지의 성능 저하
자바스크립트에 비해 jQuery는 성능 면에서 상당히 떨어집니다.모바일 기기의 폭발적인 증가로 스마트폰을 이용해 홈페이지에 접속하는 사용자가 늘면서 웹 최적화나 가벼운 홈페이지에 대한 수요는 높아졌습니다.
그에 비해 jQuery는 javascript를 활용하여 만들었기 때문에 순수한 javascript에 비해 DOM을 읽는 성능에 뒤처질 수밖에 없었습니다. 물론 사람이 느낄 수 있을 정도의 차이는 아니지만 최적화를 고려해야 한다면 jQuery를 선택하기는 어렵습니다.
실제 제작하는 홈페이지를 jQuery를 사용했을 때와 javascript+webpack으로 최적화를 진행한 경우를 비교했을 때 로드 속도, 애니메이션의 부드러움에서 유의미한 차이가 있었습니다.자바스크립트의 사용성 개선 및 최신 라이브러리 등장 전에 설명한 사용성이 좋지 않은 자바스크립트의 단점이 버전이 바뀌면서 대폭 개선된 점도 큰 역할을 했습니다.또 jQuery보다 가볍고 성능이 좋은 React, vue.js 등이 등장해 jQuery의 필요성이 줄어든 것도 이유입니다.자바스크립트가 익숙하지 않은 jQuery 개발자에게 도움이 되는 사이트 TOP2jQuery에 익숙해져 자바스크립트를 사용하는 데 어려움이 있다면 아래와 같은 사이트에서 정보를 얻을 수 있습니다.
- Cheat sheet for moving from jQuery to vanilla Java Script This reference guide will help you convert jQuery’s most common patterns to vanilla JavaScripttobiasahlin.com
분류별로 잘 정리되어 있어 사용하기 편합니다.
2. You might not need j Query j Query and its cousins are great, and by all means use the mif it makes it easier to develop your application. If you’re developing a library on the other hand, please take a moment to consider if you actuery need jquery.
jQuery 코드를 javascript로 이해하기 쉽게 변환하여 정리되어 있습니다.
2021년 어도비 플래시 종료, 그리고 IE의 운명 2020년 12월 31일 일시 웹 제작 시 없어서는 안 될 요소였던 플래시가 adobe사의 지원을 더 이상 받지 못하고 역사 속으로 사라지게 되었습니다.
한때 웹디자인기능사 자격증 시험 때 꼭 배워야 하는 프로그램이었지만 지금은 없어져야 하는 프로그램으로 바뀌었습니다.
웹 개발 트렌드는 나날이 급변하고 있으며, 그 변화의 바람이 이제는 IE(인터넷 익스플로러)에도 불고 있습니다.
마이크로소프트는 자신이 만든 웹 브라우저의 보안 및 성능 문제에 대해 인지하고 새로운 브라우저인 Edge로 사용자를 이동시키는 중입니다.
네이버, 유튜브, 페이스북 등 대기업들도 곧 지원을 종료할 예정이며 곧 대부분의 사이트에서 ie는 접속이 불가능할 예정입니다.
IE와 같은 구형 브라우저를 지원하기 위해 jQuery를 사용해 온 웹 개발자에게 사용 편의성이 크게 개선되고 성능도 좋은 자바스크립트 대신 jQuery를 사용할 이유는 더 이상 없어 보입니다. 지금은 마이크로소프트의 노력으로 점유율이 엣지에 추월당했고 ActiveX는 이제 공공기관에서 조금씩 퇴출되고 있는 가운데 IE를 쓸 필요도 거의 없기 때문입니다.