본문 바로가기

Web Programming/JavaScript

HTML과 JavaScript의 만남1 (script태그)

JavaScript란 ?


우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 자바스크립트는 크로스 플랫폼(crossplatform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다.


[네이버 지식백과] 자바스크립트 [Javascript] - 웹을 풍부하게 만들어주는 작고 가벼운 언어 (용어로 보는 IT)


HTML에서 알아보도록 하겠습니다.


html파일에서 Javascript를 쓸땐 <script> </script> 태그 속에 넣어주면 됩니다.


실습을 통해 알아보겠습니다.





결과화면은 위처럼 같게 나오게 됩니다.


윗부분은 javascript를 이용해 'Hello World!' 를 출력하는 코드이고


밑부분은 HTML로 'Hello World!'를 입력하는 코드입니다. 


그렇다면 JavaScript는 왜 쓰는걸까요...?


밑에 코드를 보겠습니다.


다음 코드의 결과화면은 어떻게 나올까요...?













Javascript부분은 1+1이 계산된결과가 출력되었고


HTML은 1+1 이라고 정적으로 출력이 되었습니다.


이렇듯 Javascript는 동적인 언어로써 HTML과는 또 다른 매력이 있는것 같습니다.ㅎㅎ