[jQuery] 제이쿼리를 사용하기 전에 읽어보기

공부하면서 정리한 내용입니다
참고한 내용은 링크로 확인해주세요

---

사용하기 쉽게 만들어 놓은 소프트웨어로 라이브러리와 프레임워크가 있다.

라이브러리 란, 내가 필요한 부품들을 재사용하기 쉽도록 잘 정리, 정돈 해놓은 것들
프레임워크 란, 만들고자 하는것이 있을 때, 필요한 공통적인 어떤 것에 대해서 미리 만들어 놓은 덩어리
웹프레임워크 TOP10 ( 2020.08 기준 )

javascript와 jQuery의 비교

// javascript
let element= document.getElementById("element");

//ex
let tomato= document.getElementById("tomato");

let peach = document.getElementByClassName("peach");

let div = document.getElementsByTagName('div');

자바스크립트는 element라고 해서 HTML요소를 선언한다.

//jQuery
let selector = $("selector");

//ex
let tomato = $("#tomato");

let peach = $(".peach");

let div = $("div");

제이쿼리는 selector라고 HTML선택자를 선언한다. 랩핑(wrapping)한다라고 표현하기도 함
$ 기호가 단축키 역활을 한다고 보면 됨

시간이 지나면서 자바스크립트도 업데이트를 한다.

// javascript

let tomato= document.querySelector("#tomato");

let peach = document.querySelectorAll(".peach");

쿼리셀렉터를 사용하여 HTML요소가 아닌 선택자로 선언이 가능해졌다.





💁🏻‍♂️ jQuery 사용하지 않는 이유

프로젝트에서 jQuery 의 사용을 그만두겠다고 결심한 이유

개인적인 이야기

자바스크립트를 접한지 몇 달 안됐을 무렵 실무에서 웹페이지를 만들게 되었다. 필요한 정보를 검색하다보니 제이쿼리 언어가 너무나도 탐스럽게 보였다. 나중에는 제이쿼리를 겉핥기식으로만 사용하다 보니 오류가 발생하게고 이를 디버깅할 줄 모른다는 나약함에... 다음프로젝트를 진행하기 앞서 제이쿼리 스크립트가 어떻게 만들어 졌는지 찾아보다가 순수한 자바스크립트를 찾아보게 되었고, 어느 덧 제이쿼리를 멀리하게 되었다.

---