Frontend/JavaScript

[Javascript] 자바 스크립트 개요

Rayched 2023. 5. 19. 16:31

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

 

[번역] 자바스크립트의 역사 – 과거 | WIT블로그

이 글은 “The Past Present and Future of JavaScript”를 번역하여 작성한 글입니다. 이 책은 자바스크립트의 과거와 현재, 미래에 대해 간략히 설명하고 있습니다.     자바스크립트의 과거     1995년,

wit.nts-corp.com


② <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 개요 예제

해당 버튼을 클릭하면, "안녕하세요. 좋은 아침입니다."라고 적힌
알림창이 뜨는 것을 확인할 수 있다.