[JavaScript] 자바스크립트란? / window.alert() / console.log()

자바스크립트(JavaScript)

자바스크립트는 웹페이지에서 발생된 이벤트를 처리하기 위한 기능을 제공하는 스크립트 프로그래밍 언어이다.
여기서 스크립트 프로그래밍 언어란 컴파일을 하지 않아도 동적으로 실행될 수 있는 프로그램 언어를 뜻한다.
자바스크립트는 클라이언트에서 해석되어 실행되며, 자바스크립트를 이용해 동적인 페이지를 만들 수 있다.

자바스크립트 표준 규약은 ES15(ECMAScript15)까지 구현되었으나 일반적으로 ES6(ECMAScript6)을 이용하여 작성한다. 

---

<script> 태그  

: 스크립트 언어를 사용하여 프로그램을 작성하는 영역을 제공하는 태그
클라이언트 브라우저에서 HTML 문서를 보다 동적이면서 상호작용하도록 만들어주는 역할을 한다.

script태그는 head태그에 작성해도 되지만 body태그에 작성해도 상관 없다.
이처럼 웹문서에 script 태그를 여러번 선언하여 자바스크립트를 작성할 수 있다. script 태그가 여러개일 경우 순차적으로 실행된다.


→ 자바스크립트 선언문
   : 자바스크립트 코드를 작성할 영역을 선언하는 것이다. <script> 태그로 선언문이 시작된 곳부터 </script> 태그로 종료된 곳까지를 스크립트 영역이라고 한다.

<script type="text/javascript"></script>

 

자바스크립트의 주석문은 자바와 동일하다.

//주석처리

/*
주석처리
*/

 

자바스크립트는 한 줄에 작성된 코드를 하나의 명령으로 인식하여 처리된다. 따라서 명령 마지막에 ; 생략이 가능하다.

window.alert("Hello, JavaScript!")

 

자바스크립트는 객체 지향 프로그래밍 언어로 객체를 이용하여 프로그램을 작성한다. 따라서 객체의 속성(Property)과 함수(Method)를 이용하여 명령을 작성해 실행한다. 

---

window 객체 

: 브라우저를 표현하기 위해 제공되는 내장객체 

window.alert(message)
: 메세지창(경고창)을 생성하여 메세지를 출력하는 메소드(함수) 
→ 메소드이자 함수로 봐도 무관하기 때문에, window 객체를 생략해도 메소드 호출이 가능하다

window.alert("Hello, JavaScript!");

// window 객체를 생략해도 메소드 호출이 가능
alert("Hello, JavaScript!");

메세지 창이 출력된다.

---

console 객체

: 브라우저 콘솔을 표현하기 위해 제공되는 내장객체 

console.log(message)
: 브라우저 콘솔에 메세지를 출력하는 메소드 
이미 정의된 모든 종류의 변수를 출력하거나 사용자에게 표시되어야 하는 메시지를 출력하는데 사용되는 javascript 함수이다.
JS에서 에러를 수정할 때 console 객체를 이용해 디버깅 하는 경우가 많다. 

console.log("Hello, JavaScript!");