jquery
: 제이쿼리는 모질라 사의 자바스크립트 개발자였던 존 레식이 자바스크립트를 이용해 만든 라이브러리 언어이다.
라이브러리 언어란? 자바스크립트로 만들어진 다양한 함수들의 집합체를 말한다.(즉 함수로 이루어진 언어)
자바스크립트에서 함수는 일련의 코드를 함수 내에 정의했다가 필요할 때마다 호출해서 사용하는 것이라고 배웠다.
제이쿼리는 다양한 함수들을 제공하고 있고, 자바스크립트에서 불편했던 몇 가지 점들을 간편하게 사용할 수 있도록
개선한 언어다.
1. 호환성 문제 해결
: 자바스크립트의 문서 객체 모델(DOM)과 이벤트 객체는 호환성(크로스브라우징)이 떨어진다는 단점이 있다.
( * 크로스브라우징 : 브라우저 호환성 / 모든 브라우저에서 동일한 기능이 돌아가게끔 해주는 것 )
제이쿼리에서는 문서객체 선택자의 호환성 문제가 모두 해결되었다.
2. 쉽고 편한 애니메이션 효과 기능 구현
: 자바스크립트로 애니메이션 효과를 구현하려면 많은 코드를 사용해야 하기 때문에 개발에 많은 시간이 소요되었다.
하지만 제이쿼리는 애니메이션과 다양한 효과(Effect)를 지원하는 매서드들을 제공하고 있기 때문에 개발 시간이 많이 단축할 수 있다.
제이쿼리 사용법
: 제이쿼리는 <script>태그 안에 직접 작성하거나 확장자 .js파일을 만들어서 작성하면 된다.
하지만 그 전에 제이쿼리가 반드시 먼저 연결되어 있어야만 사용할 수 있다.
cdnjs - The #1 free and open source CDN built to make life easier for developers
Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil
cdnjs.com
최신버전을 쓰면 예전에 만들어놓은 기능이 호환이 안되어서 예전 버전으로 연결해줘야 한다.
예전버전을 써야 최신기능까지 호환할 수 있다.
그래서 예전버전인 1.12.4버전을 사용해준다.
min은 압축파일이다. 수정해서 쓸 것이 아니라면 min.js 파일 쓰면 된다.
그냥 파일은 주석설명이 달려있어서 알아보기 쉽지만 파일이 길어서 로딩해오는 데 좀 시간이 걸린다.
복사-
* 만약 최신버전을 써서 호환이 안된다면
migrate 파일을 같이 써주면 된다.
1. 연결방법1
html 에 복사해서 <head>태그 안에 붙여넣는다.
그 다음 내가 작성할 자바스크립트 파일을 아랫줄에 연결한다.
이 순서가 바뀌면 로딩 순서가 달라져 오류가 나니 조심해야한다.
※가져온 파일이 내가 작성하는 제이쿼리 파일보다 위에 위치해야 함
이 방식은 나한테 파일이 있는 게 아니라 사이트의 링크를 가져오는 것이기 때문에
저 사이트가 점검중이거나 사라지면 내 것에도 문제가 생긴다. 그래서 아래와 같은 파일을 다운받아서 쓰는 방법을 선호한다. 훨씬 안전하니깐.
