자바스크립트랑 jquery 차이가 뭔가요?

2020. 08. 14. 02:47

자바스크립트를 배우고 있는데요.

배우다 보니까 jquery라는 것도 있네요.

사용법이 좀 틀린거 같은데 둘 다 배우는게 나을까요?

jquery는 어떤 경우에 사용되는 건지?

자바스크립트랑 무슨 차이가 있는지 궁금하네요.

또 쉽게 배울수 있는 책이라던지 강의 같은 거 있으면 추천 좀 부탁드립니다.

공유하고 돈벌기 ♥︎

총 9개의 답변이 있습니다.

질문자 채택 답변
프리랜서 프로그래머

JQuery도 자바스크립트라고 할 수 있습니다.
자바스크립트로 자주 사용하는 것들을 더 쓰기 쉽게 모아 놓은 라이브러리 입니다.
그 라이브러리를 가져다 쓰는 거죠.
직접 자바스크립트로 복잡하게 구현되는 것도 JQuery를 쓰면 쉽게 구현되기도 합니다.
JQuery를 쓰는 이유 중에 하나는 크로스브라우징 처리가 되기 때문입니다.
자바스크립트는 경우에 따라서 브라우져별로 지원이 다르게 되거나 안되는 경우가 있어서 그런 처리를 해줘야 되거든요.
반면 처리속도는 자바스크립트보다 느려질수 는 있어요.
적절히 2개를 섞어서 사용하시면 될듯하네요.

2020. 08. 14. 02:53
8
진소프트

배우실 때 둘 다 배우면 좋긴한데 일단 자바스크립트를 먼저 공부하신 후에 jquery를 해보시길 권해드립니다.

jquery는  자바스크립트를 기초로하는 라이브러리라고 보시면 됩니다.
같은 자바스크립트지만 사용법은 좀 차이가 있어요.
복잡한 자바스크립트를 더 간단하게 구현해 놓아서 개발하실 때 편하다는 장점이 있습니다.

그리고 모든브라우져에서 사용가능하다는 장점도 있구요.

2020. 08. 14. 03:48
7

안녕하세요.

자바스크립트로 자주사용하는 유용한 기능을 모아놓은 라이브러리가 jquery입니다. Javascript만 배우시고 jquery는 필요에 따라서 선택 사용하시면 될 것 같습니다.

즉 Javascript와 jQuery는 서로 다른 무언가는 아니고, javascript로 만들어진 유용한 도구의 모임이 jQuery입니다.

대표적인 차이가 아래와 같습니다.

아래와 같은 HTML이 있는 경우

<p id="aha">Aha Service</p>

document.getElementById("aha")

와 같이 javascript의 함수를 써도 되고, 혹은 jQuery를 사용해서 간단하게

$("aha")

이렇게 해도 됩니다...

코드가 훨씬 간결하죠?

강의는 아래의 곳을 추천 드립니다. 간단한 예제를 직접 실행해 보면서 공부하실수 있습니다.

https://www.w3schools.com/jquery/

2020. 08. 14. 06:27
5

jQuery 는 자바스크립트 명령어를 쉽게 사용하기 위해 만들어진 "라이브러리" 라고 보시면 됩니다.

일종에 단축키 같은거라고 보시면 됩니다.

예를들어서 자바스크립트에서

document.querySelector("#fb-root") 라고 해야되는 명령어를

jQuery 에서는 아래와 같이 사용합니다.

$('#fb-root')

많이 짧아지고 단순해지고 명시적으로 눈에 잘 보이며 디바이스나 브라우저마다 다르게 줘야하는 명령어들을 간단하게

통합하여 사용할수있기때문에 예전에는 대중적으로 많이 쓰이던 라이브러리입니다만

최근에는 위에 얘기한 크로스브라우징 이슈 등이 많이 해결되었기때문에 잘 사용하지 않는 추세입니다.

굳이 jQuery 를 공부하실 필요는 없으며, 자바스크립트를 단단하게 공부하시면 나중에 필요하실때 일주일이면 마스터하실수있습니다.

2020. 08. 14. 04:10
4
슬루프/개발팀

javascript로 만든 라이브러리가 jQuery입니다.

html파일에 아래처럼 임포트 시켜서 쓰구요.

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

javascript 표준이 워낙 최근에 정해지다보니 브라우저별로 호환성이 중구난방이거든요.

jQuery의 역할은 여기서 동일한 코드로 대부분의 브라우저와 버전을 지원한다는데 있습니다.

순수 자바스크립트를 쓰면 크롬일때, 익플일때, 파폭일때, 옛날 익플일때 다 신경써서 코드길이가 열 줄 씩 늘어날걸 jQuery쓰면 두어줄 내에서 끝낼 수 있습니다.

그만큼 편해서 많이 씁니다만 부정적 시각도 만만치 않습니다. 이건 직접 검색 한 번 해보세요.

둘째는 jQuery를 쓰면 브라우저 호환성이 어느정도 해소되다보니 jQuery를 기반으로 배포하는 라이브러리들이 굉장히 많습니다. 이런 라이브러리를 사용하기 위해 jQuery를 내 프로젝트에 임포트하고 수정해 쓰기도 합니다.

몇가지 예시로 웹에서 표를 그리는 jqxgrid, 웹에서 달력, 슬라이드바, 프로그레스바 등 ui를 그리는 jqxwidget, 부트스트랩에서 쓰는 몇가지 플러그인에서도 jQuery를 사용합니다.

사람들이 pure javascript는 공부안하고 jQuery부터 접하니 문제가되지, 단계만 잘 밟으신다면 배워두길 적극 추천드리고 싶은 라이브러리입니다.

jquery 는 별도의 책을 보시는것보다 매뉴얼대로 따라해보시는걸 추천드리고

javascript 는 이런책 추천드립니다.

2020. 08. 14. 16:24
4
N Tech Service

자바 스크립트는 언어이고, jquery는 자바스크립트 라이브러리입니다.

즉 자바 스크립트를 더 쉽게 사용할 수 있도록 재구성한 라이브러리입니다.

이 둘은 비교대상이 아니고 공생관계입니다. 자바 스크립트가 없으면 jquery도 없겠습니다.

jquery를 배우기 전에 자바스크립트를 먼저 배우시는 걸 추천드리고 jqurey는 옵션입니다.

자바스크립트 교재는 헤드 퍼스트 자바스크립트 추천 드립니다.

http://www.yes24.com/Product/Goods/15895038

다만, jquery가 워낙 인기가 많아서 많은 분들이 사용하고 있고, 커뮤니티도 방대해서 문제 해결에도 쉬울 겁니다.

(요즘은 jquery 인기가 많이 식은 걸로 알고 있습니다. )

도움이 되셨길 바랍니다.

2020. 08. 15. 09:39
4
대구대 멀티미디어공학

1995년에 자바스크립트 라는 프로그래밍 언어가 만들어졌습니다. 그리고 자바스크립트는 웹 관련 분야에서 활용되었습니다.

그러다가 자바스크립트의 함수를 활용하여 개발한 자바스크립트 라이브러리가 jQuery 입니다.

웹 브라우저의 종류는 많습니다. 예를 들어 인터넷 익스플로러, 크롬, 사파리, 파이어폭스, 오페라, 웨일 등이 있습니다.

그런데 자바스크립트에서 사용되는 기능 중에서 어떤 브라우저에서는 기능이 동작하지만, 또 다른 브라우저에서는 기능이 동작하지 않는 경우가 있습니다.

즉 호환성 문제가 있습니다.

그런데 jQuery의 경우 자바스크립트의 호환성 문제를 모두 해결했습니다.

그래서 어떤 브라우저에서 jQuery를 사용해도 기능이 모두 동작하게끔 만들어졌습니다.

그리고 자바스크립트에서 수십 줄 이상 코딩해야 구현할 수 있는 것을, jQuery 에서는 단 몇 줄의 코딩으로 구현할 수 있게 되었습니다.

즉 자바스크립트보다 더 간편하게 활용할 수 있도록 잘 만들어진 라이브러리가 jQuery입니다.

물론 jQuery 는 자바스크립트를 기반으로 만들어졌으므로, jQuery의 소스코드를 이해하기 위해서는 자바스크립트에 대한 지식도 필요하므로 둘 다 중요하다고 볼 수 있습니다.

그래서 관련 서적, 유튜브 인터넷 강의를 추천드립니다.

-책(모던 웹을 위한 자바스크립트 + jQuery 입문)

https://book.naver.com/bookdb/book_detail.nhn?bid=11990519

-유튜브(모던 웹을 위한 자바스크립트 + jQuery 입문)

https://www.youtube.com/watch?v=4hCiz6aU-7Q&list=PLBXuLgInP-5kLy13XLuK8iBWVFDBJygYr

2020. 08. 15. 13:43
4
프리랜서

jQuery는 자바스크립트 라이브러리 중 하나 입니다.

jQuery는 HTML을 쉽게 접근하고 컨트롤 할 수 있는 라이브러리 입니다.

한때는 엄청나게 유행을 하고 많은 프로젝트에서 사용되었습니다.

jQuery의 장점도 많지만 단점이 많이 부각되면서 신규 프로젝트에서는 보통 사용을 하지 않습니다.

최근에는 React.js, Vue.js 등의 기술들이 나오면서 jQuery의 사용 빈도가 많이 줄어 들었습니다.

개발 직군으로 취업을 하실 경우라면 알아두시는것이 좋습니다. (유지보수 프로젝트에 투입될 경우 아셔야 합니다.)

취업이 목적이 아닌 개발공부의 목적이시라면 jQuery는 배우지 않으시는것을 추천 드립니다.

2020. 08. 15. 12:01
3
IT회사 개발자

결론부터 말씀드리자면 능숙한 웹개발(복잡한 기능구현과 디버깅)을 위해Javascript(Vanila JS)로 기초지식을 익힌 뒤,
라이브러리와 프레임워크를 필요한 경우에 사용하는것을 추천드립니다.

  • jQuery

    jQuery는 Javascript를 편리하게 사용할 수 있는 라이브러리입니다.
    간단한 예로, 아래의 경우처럼 객체를 다루는 과정이 javascript보다 간결합니다.

    //javascript로 객체의 text 가져오기
    var obj = document.getElementById('objId');
    obj.value;
    //jQuery로 객채의 text 가져오기
    $('#objId').text();
    
    //javascript로 객체의 테두리 색상 변경
    var obj = document.getElementById('objId');
    obj.style.borderColor='red';
    //jQuery로 객체의 테두리 색상 변경
    $('#objId').css('border-color', 'red');

    DOM을 다루는 것 외에도 Ajax, Animation 효과, 모바일 웹개발(터치효과)등을 구현하기 편하도록 간결하게 되어있습니다.

  • jQuery의 단점

    코드작성이 편리한 만큼, 필요하지 않는 기능과 요소들까지도 import되는 경우가 있습니다.
    당연히 웹페이지가 무거워지고 성능이 느려지는 현상이 발생합니다.

    jQuery부터 익히신다면 기초개념이 부족하여, 콜백이 꼬이거나 버그가 어디서 발생하는지에 대한 어려움을 격을 수 있습니다.

  • 동향

    jQuery는 각 브라우저(IE, Chrome, Safari, Firefox ,etc..)에서의 Javascript 통일성이 부족하며, Javascript자체의 규격이 정돈 되지 않을때 인기를 받으며 탄생하였습니다.

    하지만 지금은 ES(ECMA Script)으로 표준화가 잘되있으며 각 브라우저간의 호환성도 최신버전에서는 해결이 되어가고 있습니다.
    즉, jQuery의 필요성이 무뎌지고 새로운 라이브러리와 프레임워크가 새롭게 자리를 잡아가고 있는 추세입니다.

    국내 웹사이트의 유지보수를 위한다면 jQuery의 학습이 필요하지만 그렇지 않다면, Javascript를 우선으로 학습하고
    React, Vue같은 최신 트렌드로 기술을 익히는 것이 좋을 것 같습니다.

  • 교육

    개인적으로 새로운 프레임워크&라이브러리의 입문은 교재로 추천드리지 않습니다.
    Document에서 자세한 설명이 나와있으며 API Reference를 참고하는 습관은 언젠가 들여야 하기 때문이죠.
    웹개발의 전반적인 내용을 담고 있는 생활코딩 외에는 각 Document로 공유드립니다.

2020. 08. 15. 18:44
3