안녕하세요 케이치입니다.
자바스크립트를 공부해볼까요?
자바스크립트는 기본적으로 <script>... </script> 태그를 사용합니다.
자바스크립트 태그는 웹페이지 어디에다가 넣어도 큰 상관은 없지만 일반적으로는 <head> 태그내에서 사용됩니다.
|
script 태그는 두가지 중요한 속성을 가집니다.
language: 스크립팅 언어가 뭔지를 지정해주는거죠. 우리는 자바스크립트를 배우니까 javascript 라고하면 됩니다. 최신 버전의 HTML이나 XHTML에서는 사용하지 않게될거라고 하네요. 저도 이제 막 자스 공부를 시작해서 확실치는 않습니다 ㅋㅋ
type: 타입은 "text/javascript" 이 되어야 합니다.
그래서 아래처럼 기본틀이 잡혀있어야 하는 거죠.
|
모든 프로그래밍 언어에서 "Hello World"는 기본이죠. 자스(자바스크립트를 줄임)를 이용해서 "안녕 세상아"를 출력해보도록 하겠습니다.
|
자 위 소스를 보시면 자스코드를 넣어야 할 부분에 주석처리하는 태그를 추가로 넣었습니다. 이건 왜 넣었냐 하면말이죠. 브라우저가 자바스크립트를 지원하지 않을 경우에는 실행하지 말라는 의미입니다. 지원하지 않는 브라우저가 실행하려면 오류가 날테니 말이죠. "//-->"에서 "//" 는 Javascript에서 쓰는 주석문법입니다.
document.write 가 하는 역할은 HTML문서에 스트링을 쓰는 것입니다. 이 함수는 text나 HTML또는 둘 다를 쓰기위해서 사용될 수 있습니다. 어쨌든 결과는 아래처럼 나와야겠죠?
|
이제 자바스크립트의 특징을 알아보도록 하겠습니다.
JavaScript 는 코드내에 존재하는 스페이스나 탭, 그리고 new lines 를 무시합니다.
따라서 원하는 대로 깔끔하게 코드를 정리할 수가 있겠죠??
일반적으로 라인의 끝을 알려주는게 세미콜론이죠. C, Java 등등에서 모두 그렇게 쓰입니다. 하지만 자스에서는 아래처럼 써도 상관없습니다.
|
하지만 세미콜론을 쓰지 않는 경우에는 한줄에 하나의 statement만 올 수 있습니다. 따라서 두 가지 일을 하는 statement를 한줄에 쓰려면 세미콜론은 필수입니다. 뭐 그냥 세미콜론을 쓰는게 낫겠죠?
|
JavaScript 는 C-style 과 C++-style 의 주석처리방식을 지원합니다.
|
자, 지금까지 자바스크립트의 기본적인 문법 및 특징에 대해서 알아보았습니다.
[Javascript / 자바스크립트] 강좌 #6 - Switch - Case 문 (0) | 2015.08.05 |
---|---|
[Javascript / 자바스크립트] 강좌 #5 - IF, IF-ELSE, IF-ELSE IF-ELSE 문 (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #4 - DataType ( 데이타 타입, 변수 ) (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #3 - 스크립트 코드의 위치 (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #2 - 자바스크립트 미지원 브라우저에 경고하기 (0) | 2015.08.05 |