본문 바로가기
웹 코딩/JS + jQuery

제이쿼리 버리기 - Bye jQuery

by 알릭2 2020. 9. 17.

장점도 많고 알아두면 매우 편리한 jQuery.

 

나에게 코딩의 즐거움을 선사했고 너무나도 유용하게 잘 썼던 제이쿼리.

 

그러나 그간 브라우저들도 많이 좋아져서 제이쿼리가 아니어도 충분히 어렵지 않게 많은 것들을 구현할 수 있게 되었고,

 

제이쿼리 기반으로 뭔가를 뚝딱 만들어 나눌 때 이용자의 환경에도 꼭 제이쿼리가 설치되어 있어야 한다는 전제가 있는 것도 좀 불편하고, 설치되어 있는 제이쿼리 마저도 버전에 따라 문제가 발생할 수도 있고,

 

제이쿼리가 워낙 제공하는 기능이 많다보니 처리 속도 면에서는 조금 느린 듯 하고,

 

이제 브라우저는 최저 IE11 까지만 지원을 고려하면 될 것도 같고,

 

그래서, 이런저런 이유로인해 최근엔 제이쿼리를 가급적 안쓸려고 하고 있네요.

 

또한, 개인적으로는 개발속도나 소스가 조금 길어져도 가능하면 순수 자바스크립트 (일명 Plain JS, Vanilla JS, Pure JS)를 이용하는게 코드를 곱씩어 보게 만들고 방식의 이해나 학습적인 차원에서도 좋은 것 같다는 생각이 드네요.

 

이런 의지를 더욱 굳히는 목적으로 jQuery 에 상응하는 순수 자바스크립트 코드들을 모아 목록으로 만들어 볼까봐요.

 

이렇게 하면 필요할 때 찾아 볼 수 있고, 만들면서 외워지기도 하고, 다른분들도 참고할 수 있고, 도움 주신다면 제보 받아 같이 만들어 갈 수도 있고 여러모로 좋겠죠?

 

아직은 듬성듬성 많이 비어 있지만 짬짬히 꾸준히 채워봐야겠어요.

 

일단 페이지로 만들어 메뉴에 올려두었는데.. 댓글을 달 수 없는 아쉬움이 있군요. 췟....

 

alikong.tistory.com/pages/purejs

 

jQuery 버리기

# 제이쿼리 기능 순수 자바스크립트 $('#id') 선택자를 이용한 객체 선택 - 단일 document.querySelector('#id'); $('.class') 선택자를 이용한 객체 선택 - 복수 document.querySelectorAll('.class'); $(' ')..

alikong.tistory.com

'웹 코딩 > JS + jQuery' 카테고리의 다른 글

IE 에만 적용되는 스크립트  (1) 2020.08.25
파일 업로드 미리 보기  (1) 2020.08.14
스크롤 바닥치면 뭔가 하기  (0) 2020.08.07
비밀번호 보이기 감추기  (0) 2020.08.06
jQuery - selectors / 선택자 목록  (0) 2020.08.06

댓글