반응형
html 문서에서 head 내에 필요한 css나 js(javascript) 문서 링크를 선언한다.
코드>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
</head>
주석>>
web 브라우저에 그래프를 그리기 위해서 필요한 js와 css를 가져오는 가정이다.
link 문에는 css 문서를 css 서버에서 가져온다.
script 는 js 자바스크립트 문서를 가져온다. jquery는 javascript 코드를 사용하기 편하게 만들어놓은 일종의 라이브러리로 앞으로 진행할 프로젝트에 필요하다.
bootstrap은 jquery 처럼 누군가 구현하기 피곤한 javascript를 객체로 제공하는 것으로 우리는 필요한 부분만 빼서 사용하면 된다.
Chart는 그래프 그릴때 필요한 자바스크립트로 이미 구현된 것을 명령어들을 가져와서 사용하면된다.
반응형
'웹관련프로그래밍(web programming) > Javascript 자바스크립트' 카테고리의 다른 글
| [Javascript] jquery 버튼 클릭 해서 글자 지우고 나타나게 하기 (0) | 2021.09.26 |
|---|---|
| bootstrap, container-fluid,container 클래스 비교 (0) | 2020.12.24 |
| javascript 객체지향 (0) | 2020.12.21 |
| javascript 배열 명령어들 정리 (추가, 삭제, 정렬) (0) | 2020.12.21 |
| javascript breakpoint 디버깅 방법 (0) | 2020.12.20 |