본문 바로가기
IT종합/Web Technic

빠르고 간편한 웹 개발을 위한 Jquery cdn

by 우동이 2020. 11. 3.
300x250

JQuery는 웹 페이지 개발을 빠르고 쉽게 만들어주는 

JavaScript기반의 프레임워크이며

우리는 CDN을 제공 받아 제작할 웹 페이지의 html 코드에 삽입 해줌으로써

쉽게 사용가능하다.

 

Jquery서버를 사용하기 때문에 유지보수나 관리적인 측면에서 

손쉽고 빠르나 그와 동시에 단점이라고 하자면 

jquery서버에 문제나 느려짐이 생기면 역시 내가 제작한

서버도 동일하게 느려진다. 다만 그건 쉽사리 생기는 일은 아니다.

 

https://code.jquery.com/

 

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

삽입할 cdn코드를 얻을 수 있는 곳으로

javascript js 파일을 무조건 다운로드 해야 하는 것이 아니기 때문에

cdn의 코드를 복사하여 사용해도 좋다

 

 

코드를 복사하여 자신의 html서버를 만들 태그 속에 붙인다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.js" 
    integrity="sha256-DrT5NfxfbHvMHux31Lkhxg42LY6of8TaYyK50jnxRnM=" 
    crossorigin="anonymous">
    </script>
</head>
<body>
    
</body>
</html>

slim 버전의 cdn을 가져다 붙여넣었다 이제 jquery문을 사용해 서버를 구축할 수 있다.

 

Jquery cdn을 사용하고 있기에 Jquery()함수 하나를 사용함으로 

모든 기능이 사용가능 한데

Jquery()의 중복 코딩을 피하기 위해 $(식별자)를 사용하여 코딩한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

300x250

댓글