본문 바로가기
IT tech Coding/jquery

jquery 첫발, 제이쿼리가 도대체 뭘까?

by Coding Life 2019. 6. 29.

안녕하세요. 제이쿼리에 대해 1도 모르는 1인입니다.


하지만, 오늘부터 공부해보려고 이렇게 노트에 적어봅니다.


오픈 튜토리얼 사이트에서 배운 것을 토대로 정리해 보려고요, 프로그램을 작성하는 중에 코드를 재사용할 수 있는 것들 위주로 정리하려고 합니다.


자바스크립트를 사용할때 제이쿼리 모르면 간첩이라고 하는 것 같아요.


그만큼 라이브러리 개념을 알아야 코드를 간결하고 이식성 좋게 하는 것 같군요.


http://jquery.org에서 다운로드가 가능합니다.


자바스크립트 로직들이 나옵니다.  웹서버에 업로드를 시켜서 그걸 활용할 수도 있지만, 구글의 제이쿼리를 사용할 수 있는데요, 그냥 URL을 복사해서 넣으면 됩니다.


min은 미니멈의 약자입니다.


개발하면서 사용할때는 min이 아닌 것을 사용하면 좋겠죠.



jQuery문법은 이해해야 합니다.



앞에 $마크로 시작합니다.


jQuery로 대체할 수도 있지만, 아무래도 $가 편하니 $로 사용합니다.


css selector 문법입니다.


$('.welcome').html('hello world! coding everybody!').css('background-color','yellow');


전형적인 사용법입니다.


앞으로 제이쿼리 정말 흥미진진할 것 같네요~


이렇게 간단한 문법으로 여러가지 일을 할 수 있다니.... 와우~~




반응형