자바스크립트는 클라이언트 단에서 실행이 되는 언어라서 서버와 통신을 통해서 데이터를 주고 받을 때 많이 사용합니다.
또, HTML 만으로는 기능 구현이 어려워 좀 더 다양한 기능을 사용하고 싶을 때 쓰기도 하고요.
자바스크립트는 기본적으로 HTML 문서 내에서 부분적인 기능을 담당하도록 사용이 가능하고 다양한 라이브러리를 통해 좀 더 편하고 강력한 기능들을 사용할 수 있지만, 저는 기본적인 것들에 대한 것들만 올리게 될 것 같네요.
각설하고.
HTML 파일 내에서 <script></script> 로 둘러싸인 영역에 스크립트를 작성하게 되면 실행이 되는 구조입니다.
별도의 javascript 는 별도로 임포트를 하거나 하지 않아도 잘 작동하지만,
jQuery의 경우에는 HTML 을 로드 할 때 불러와 줘야 사용이 가능합니다.
우선 jQuery 파일은
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
releases.jquery.com
여기에서 받을 수 있고, 링크를 통해서 불러와도 되지만 서버를 돌리고 있을 경우에는 굳이 그럴 필요 없이 서버에서 바로 불러와서 사용해도 됩니다.
해당 파일이 서버의 루트에 있는 js 라는 폴더에 있다고 가정을 한다면
html 파일에서 <head></head> 사이에
<script src="/js/jquery-3.6.0.min.js"></script> 와 같이 다운받은 js 파일의 경로와 파일명을 적어주면 됩니다.
<head>
<script src="/js/jquery-3.6.0.min.js"></script>
</head>
이런식으로 불러와주면 됩니다.
javascript 는
<script></script> 가 하나의 묶음이라고 생각하면 되는데요,
만약 여러개의 구분된 script 절이 있다고 한다면 한 페이지 내에서는 다 연결이 되니 이 점은 그냥 참고 정도로 알아두시면 될 거 같네요.
가장 기본이 되는 것들인 변수 선언 및 함수 선언만 간단하게 말씀드리자면
var 변수명 = 값;
function 함수명() {}
이렇게 사용하면 됩니다.
변수를 선언 할 때는 변수형을 따로 지정을 하지 않아도 됩니다.
'Programming > Javascript & jQuery' 카테고리의 다른 글
| [jQuery] AJAX 기본 사용법 (0) | 2022.07.06 |
|---|---|
| [JavaScript/jQuery] 02. 문자열 다루기-1(합치기, 자르기, 나누기) (0) | 2022.06.29 |
| [JavaScript/jQuery] 01. 반복문 (0) | 2022.06.29 |
| [JavaScript|CSS]모달 박스 띄우기 (0) | 2020.11.19 |
| [JavaScript]자바스크립트 기본 사용 법 (0) | 2018.12.27 |