[Javascript] 자바 스크립트 개요
1. 자바 스크립트란?
① 자바스크립트의 정의
Javascript, 자바 스크립트란 1995년 Netscape 사의 Brendan Eich에 의해 만들어진 프로그래밍 언어이다.
HTML이 웹 페이지의 뼈대를 만들고, CSS로 이를 꾸며준다고 하면
Javascript는 이렇게 만든 웹 페이지에 동적인 기능, Interaction을 부여해주는 언어이다.
자바 스크립트는 객체 기반의 스크립트 언어로, 해당 언어로 작성한 프로그램, 소스코드를 '스크립트(Script)'라고 부른다.
Javascript는 그 이름 상 다른 프로그래밍 언어인 Java와 같거나 혹은 비슷한 언어라고 착각할 수도 있다.
그렇지만 이 둘은 전혀 다른 언어이다. 이 두 언어 간의 관계를 비유해보자면
"사자 != 바다사자"의 관계를 생각해보면 된다.
이 둘은 이름에 "사자"가 똑같이 들어가지만 사람들은
이 둘이 같은 동물이라고 생각하지 않으며, 실제로도 다른 동물이기도 하다.
이처럼 Java와 Javascript는 이름에 공통적으로 "Java"가 들어가지만 실제로는 전혀 다른 언어이다.
왜 Javascript라는 이름을 가지게 됐는지는 아래의 링크를 통해서 알 수 있을 것이다.
(아래 링크는 외국에서 작성한 자바스크립트의 역사를 번역한 글로 넘어가는 링크이다.)
https://wit.nts-corp.com/2014/08/13/1925
② <script> 태그 (HTML 문서에 Javascript 코드 적용하기)
자바 스크립트는 기본적으로 HTML 문서 위에서 동작하는 언어이다.
그렇기 때문에 자바 스크립트로 작성한 코드를 HTML 문서에 적용을 할 때 사용되는 태그가 하나 있는데
그 태그가 바로 <script> 태그이다.
<script> 태그 내부에 스크립트를 작성하거나 아니면 src 속성을 통해 HTML 문서 외부에 있는
자바 스크립트 파일을 참조하는 것으로 해당 HTML 문서에 자바 스크립트 코드를 적용시킬 수 있다.
<!-- HTML 문서에 자바스크립트 코드 적용 -->
<!-- script 태그 내부에 자바 스크립트 코드를 작성 가능 -->
<script>
alert('Hello');
//alert() 함수는 알림창, 경고창을 띄우는 역할을 하는 함수로
//해당 코드가 실행되면, [확인] 버튼을 누르기 전까지 경고창이 사라지지 않는다.
</script>
<!--
해당 요소의 src 속성을 통해서 외부 자바 스크립트 파일을 참조하는 것으로
HTML 문서에 자바 스크립트 코드를 적용할 수도 있다. -->
<script src="script.js"></script>
Javascript 개요 예제
해당 버튼을 클릭하면, "안녕하세요. 좋은 아침입니다."라고 적힌
알림창이 뜨는 것을 확인할 수 있다.