HTML과 JS의 만남 : script 태그

유나·2021년 7월 4일
0

Java script

목록 보기
2/6

script 태그

Javascript는 HTML 위에서 동작하는 언어이다.
HTML의 태그 중 하나인 script 태그 안에는 Javascript 코드를 쓸 수 있다.
둘 사이를 연결해주기 위해서 script 태그를 활용해 "이게 바로 javascript 라는 것"을 웹 브라우저에게 알려준다.

<body>
  <script>
    document.write('hello, world!');
  </script>
</body>

위와 같은 코드를 <body> 태그 안에 넣어서 웹페이지를 띄워보면 페이지에 hello,world! 라는 글자가 뜨는 것을 볼 수 있다.
하지만 이러한 기능은 다음과 같이 HTML만 사용해서 구현할 수도 있다.

<body>
  hello, world!
</body>

그렇다면 이 둘의 차이점은 무엇일까?

바로 Javascript로 쓴 코드는 동적이라는 것이다.
만약 hello,world! 대신 1+1을 출력한다고 해 보자.
이때는 HTML과 Javascript로 쓴 코드의 결과가 아래와 같이 달라진다.

즉, HTML로 쓴 코드는 정적이기 때문에 문자 그대로를 출력하지만, Javascript 코드는 동적으로 이를 계산할 수도 있다는 것이다.

profile
Preliminary Prospective Designer

0개의 댓글