💻 Programming/Javascript

[Javascript / 자바스크립트] 강좌 #1 - Syntax ( 기본 문법 )

케이치 2015. 8. 5. 11:04

안녕하세요 케이치입니다.

자바스크립트를 공부해볼까요?

자바스크립트는 기본적으로 <script>... </script> 태그를 사용합니다.

자바스크립트 태그는 웹페이지 어디에다가 넣어도 큰 상관은 없지만 일반적으로는 <head> 태그내에서 사용됩니다.

<script ...>
  JavaScript code
</script>

script 태그는 두가지 중요한 속성을 가집니다.

language: 스크립팅 언어가 뭔지를 지정해주는거죠. 우리는 자바스크립트를 배우니까 javascript 라고하면 됩니다. 최신 버전의 HTML이나 XHTML에서는 사용하지 않게될거라고 하네요. 저도 이제 막 자스 공부를 시작해서 확실치는 않습니다 ㅋㅋ
type: 타입은 "text/javascript" 이 되어야 합니다.

그래서 아래처럼 기본틀이 잡혀있어야 하는 거죠.

<script language="javascript" type="text/javascript">
  JavaScript code
</script>

나의 첫 자바스크립트

모든 프로그래밍 언어에서 "Hello World"는 기본이죠. 자스(자바스크립트를 줄임)를 이용해서 "안녕 세상아"를 출력해보도록 하겠습니다.

<html>
<body>
<script language="javascript" type="text/javascript">
<!--
   document.write("Hello World!")
//-->
</script>
</body>
</html>

자 위 소스를 보시면 자스코드를 넣어야 할 부분에 주석처리하는 태그를 추가로 넣었습니다. 이건 왜 넣었냐 하면말이죠. 브라우저가 자바스크립트를 지원하지 않을 경우에는 실행하지 말라는 의미입니다. 지원하지 않는 브라우저가 실행하려면 오류가 날테니 말이죠. "//-->"에서 "//" 는 Javascript에서 쓰는 주석문법입니다.

document.write 가 하는 역할은 HTML문서에 스트링을 쓰는 것입니다. 이 함수는 text나 HTML또는 둘 다를 쓰기위해서 사용될 수 있습니다. 어쨌든 결과는 아래처럼 나와야겠죠?

Hello World!

이제 자바스크립트의 특징을 알아보도록 하겠습니다.

빈칸, 탭, 그리고 라인 브레이커는 무시합니다.

JavaScript 는 코드내에 존재하는 스페이스나 탭, 그리고 new lines 를 무시합니다.

따라서 원하는 대로 깔끔하게 코드를 정리할 수가 있겠죠??

세미콜론은 옵션입니다.

일반적으로 라인의 끝을 알려주는게 세미콜론이죠. C, Java 등등에서 모두 그렇게 쓰입니다. 하지만 자스에서는 아래처럼 써도 상관없습니다.

<script language="javascript" type="text/javascript">
<!--
  var1 = 10
  var2 = 20
//-->
</script>

하지만 세미콜론을 쓰지 않는 경우에는 한줄에 하나의 statement만 올 수 있습니다. 따라서 두 가지 일을 하는 statement를 한줄에 쓰려면 세미콜론은 필수입니다. 뭐 그냥 세미콜론을 쓰는게 낫겠죠?

<script language="javascript" type="text/javascript">
<!--
  var1 = 10; var2 = 20;
//-->
</script>

대소문자를 구분합니다.

자바의 주석처리방식도 지원합니다.

JavaScript 는 C-style 과 C++-style 의 주석처리방식을 지원합니다.

<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>

자, 지금까지 자바스크립트의 기본적인 문법 및 특징에 대해서 알아보았습니다.

저작자표시 비영리 변경금지