안녕하세요. 플입니다.
오늘은 제이쿼리 스크립트를 가져와볼게요.
1. jQuery CDN
jQuery CDN
The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr
code.jquery.com
제이쿼리로 뭔가 만드는 포스팅만 올렸었지 기본적으로 어떻게 가져오는지는 올린 적이 없었네요.
제이쿼리를 사용하기 위해서는 스크립트를 미리 가져와야 해요.
우리가 쓰는 제이쿼리는 엄청나게 많은 코드를 그룹 지어둔 것을 이름만 가져와서 쓰는 거예요.
그럼 어디서 가져오는지 알려줄 필요가 있겠죠.
먼저, jquery cdn이라고 검색창에 입력해주세요.
귀찮으시다면 위의 링크로 들어가 주세요.
2. 스크립트
이런 사이트가 뜬다면 제대로 들어오신 게 맞습니다!
그중 맨 위에 jQuery 3.x 버전이 있을 거예요.
현시점에서는 가장 최신 버전인데, 필요로 하는 버전을 사용해주시면 됩니다.
3.x 버전에서 minified를 선택해주세요.
minified는 축소하다 라는 뜻으로 말하자면 간편하게 쓸 수 있는 방법 같은 거예요.
뭔 소리인지 모르시겠다구요? 그러면 일단 눌러봅시다.
클릭하면 이런 스크립트를 팝업창으로 띄워주면서 복사해서 쓰라고 알려줄 거예요.
이 스크립트를 <head> 태그 안쪽에 복사해서 쓰면 간단하게 jQuery를 사용할 수 있어요.
왜 간단한 거냐 하면 원래는 이 제이쿼리를 다운로드하여서 사용해야 하는데 스크립트만 복사해서 사용할 수 있는 거거든요. 다운로드하고 링크를 연결하는 것보다 간편하죠!
3. <head>태그에 넣기
복사도 했으니 <head>태그에 붙여 넣기를 해볼까요?
<head>와 </head> 사이에 붙여넣기를 해주면 됩니다.
보통은 종류별로 정리를 하는데 스크립트 태그는 지금 하나니까 가장 마지막
<link> 태그 다음 줄에 붙여 넣기를 해줬어요.
코드는 보시는 것보다 더 긴데 제가 보기 편하시라고 중간쯤에서 잘라왔어요.
이렇게 스크립트를 넣으셨다면 이제부터 제이쿼리를 사용할 수 있습니다.
저는 가끔 저 스크립트를 안 넣고 제이쿼리가 왜 안 되는 거지? 할 때가 있는데요..ㅋㅋㅋ
여러분은 꼭 확인하시고 오류 없는 코딩 생활되시길 바랍니다~!
그럼 이만.
총총.
'coding > JavaScript' 카테고리의 다른 글
| 스파르타 코딩 클럽 후기 및 클릭하면 팝업창 나오게 하기 (8) | 2022.02.25 |
|---|---|
| [jQuery] 모달창 만들기 (18) | 2021.01.05 |
| [jQuery] 버튼 누르면 리스트 나오게 (0) | 2020.06.22 |
| [jQuery] 햄버거 메뉴 만들기 4 - animate() (0) | 2020.05.14 |
| [jQuery] 햄버거 메뉴 만들기 3 - fadeIn() (0) | 2020.05.12 |
