HTML에서 JavaScript 로드하기
HTML의 <body></body> 태그 사이에 <script></script>태그를 삽입하여 자바스크립트 코드 작성
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>JavaScript</h1>
<script>
document.write('Hello World')
</script>
<br>
<!-- JavaScript는 동적이다. -->
<script>
document.write(1+1)
</script>
<h1>html</h1>
Hello World
<br>
<!-- html은 정적이다. -->
1+1
</body>
</html>결과
설명
HTML과 JavaScript의 차이
| 언어 이름 | HTML | JavaScript |
|---|---|---|
| 언어 구분 | 정적 언어 | 동적 언어 |
| 예시 | 1+1 입력 => 1+1 출력 | 1+1 입력 => 2 출력 |
정적 언어 / 동적 언어
| 언어 구분 | 정적 언어 | 동적 언어 |
|---|---|---|
| 언어 구분 | 컴파일 시간에 변수의 자료형이 결정되는 언어 | 런타임에 자료형이 결정되는 언어 |
| 자료형 지정 | 필요 | 불필요 |
| 장점 | Type Error 문제 초기 발견 가능 | 자료형 지정하지 않아도 되어 코드 작성 용이 |
| 단점 | 자료형 지정의 번거로움 | 실행 중 변수에 예상치 못한 자료형이 들어와 Type Error 발생 가능 |
| 대표 언어 | C, C++, Java | JavaScript, Ruby, Python |
A Data human as a Learner, a Supporter, and a Listener