JavaScript

JavaScript는 객체(Object)기반의 스크립트 언어이다. HTML은 웹 문서 내용을 작성을 하고, CSS로는 웹을 디자인하며, JavaScript로는 웹의 동작을 구현한다.

JavaScript Basic

JavaScript에서는 명령을 명령문(Statment)이라고 부르며, 세미콜론(;)으로 구분된다.

명령문이 한 줄을 다 차지할 경우에는 세미콜론이 필요하지 않지만, 한 줄에 두 개 이상의 명령문이 필요하다면 세미콜론으로 구분해야 한다. ECMAScript는 세미콜론을 자동으로 삽입해 명령문을 끝내는 규칙(ASI)도 가지고 있지만, 세미콜론이 필요하지 않은 경우라도 항상 세미콜론으로 끝마치는 편이 버그 예방 차원에서 더 좋은 습관이라고 여겨진다.

JavaScript의 스크립트 소스는 왼쪽에서 오른쪽으로 탐색하면서 토큰, 제어 문자, 줄 바꿈 문자, 주석이나 공백을 이루어진 요소(element)의 시퀀스로 변환된다. 스페이스, 탭, 줄 바꿈 문자는 공백으로 간주된다.

var x = 10;

주석(Comment)

주석(Comment)의 구문은 C++ 및 다른 많은 언어와 똑같다. 주석은 공백처럼 행동하며 스크립트 실행 시 버려지게 된다.

// JavaScript 주석(Comments) : 1줄

/* JavaScript
*  주석(Comments)
*  : 2 줄 이상
*/

디버깅(Debugging)

디버깅(Debugging)이란 컴퓨터 프로그램이나 하드웨어 장치에서 잘못된 부분, 즉 버그를 찾아서 수정하거나 또는 에러를 피해나가는 처리과정이다.

웹 브라우저에서 F12 눌러서 개발자 도구를 열면 JavaScript를 실행하기 콘솔(Console)기능이 표준으로 탑재되어있다. 콘솔 패널에서 로그(Log)를 확인하고, 중단점을 건 시점의 변수를 확인할 수 있고 값을 평가하거나 수정할 수 있다. 또한 오류 또한 콘솔 패널에서 확인할 수 있다.

<script> 태그의 선언 위치와 수행 순서

웹 브라우저가 HTML 문서를 해석(Parsing)할 때 <script> 태그를 만나면 그 안에 있는 JavaScript의 처리가 끝날 때 까지 다른 HTML의 해석을 멈추기 때문에 사용자 입장에서는 HTML 페이지가 화면에 다 그려지기까지가 오래 걸린다. 그래서 우선 CSS, HTML이 해석이 먼저 완료되고 나서 JavaScript가 수행하는 것이 더 빠르게 느껴지기 때문에 HTML 문서의 마지막 </body> 직전에 두는 것을 권한다.