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는 동적이다."가 핵심입니다.