JS
HTML과 JS의 만남
Crucifi
2019. 7. 19. 21:59
기본적으로 자바스크립트는 HTML 위에서 동작하는 언어입니다.
이번 시간에는 HTML이라는 컴퓨터 언어에 완전히 다른 문법을 가진 자바스크립트 코드를 어떻게 넣을 수 있는지
이야기해 보겠습니다.
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>javascript</h1>
<script>
document.write(100+100);
</script>
<h1>html</h1>
10+10
</body>
</html>
자바스크립트 코드를 넣을 때는 우선 웹브라우저에게 지금부터 html에 자바스크립트 코드가 시작된다는 사실을 알려야 합니다. 그때 사용하는 태그가 <script> 태그입니다.
위의 코드를 살펴보자면, html에서 10+10을 쓰면 영원히 '10+10'이 나오지만 자바스크립트는 동적이기 때문에
계산기처럼 동작할 수 있다.
간단하게 요약을 하자면 첫 번째 자바스크립트 코드를 웹 브라우저에 알려주기 위해 <script> 태그를 쓴다는 것이고 두 번째 "HTML은 정적이고, JS는 동적이다."가 핵심입니다.