JavaScript Coding - 1. Basics
Table of contents
How to run a JavaScript code
JavaScript 코드를 작성하고 실행하기 위해서 2가지 방법을 추천한다.
첫 번째 방법은 Chrome, Whale, Edge와 같은 웹 브라우저에서 F12 눌러 나오는 창의 Console을 이용하는 것이다.
두 번째 방법은 Visual Studio Code와 같은 애플리케이션을 사용하기에 이를 사용해도 실행이 된다. VSC를 사용하는 경우 코드를 실행하기 위해서 Node.js를 설치해야 한다.
Write our first JavaScript code
Console에 다음 코드를 적어보고 enter를 눌러보면 팝업 창이 하나 뜬다.
alert("hello");
alert를 사용할 때는 웹 브라우저의 Console을 사용하는 것을 추천한다. VSC에서 Node.js를 사용할 경우 alert가 윈도우 인터페이스에 속한 함수이기 때문에 Reference Error : undefined로 에러가 나타날 수 있다.
Syntax
Syntax는 프로그래밍 언어의 문법이라고 생각하면 된다. 컴퓨터는 인간이 대화할 때와 달리 조금이라도 문법에 오류가 있다면 우리가 원하는 결과를 출력하지 않는다. 더 나아가, 문법의 오류가 있을 경우 실행이 안되는 경우가 일어난다. 실행이 안되는 경우 에러 메세지가 나오고 Syntax에 문제가 있는 경우 Syntax Error라는 에러 메시지를 출력한다. 다음 코드를 작성해보자
alert('"hello");
이 문장은 alert 함수 안에 hello앞에 따옴표를 두 개를 넣는 오류가 있다. 이렇게 코드에 Synatx에 맞지 않는 오류가 있을 경우 코드를 실행하면 다음과 같은 Syntax Error 메시지를 표시해주고 원하는 결과가 나오지 않는다.
Uncaught SyntaxError: Invalid or unexpected token
앞으로 코드를 실행하다가 Syntax Error가 나타났다면 작성한 코드 중에 문법 오류가 있는 부분이 있는지 찾아보기를 바란다.