JavaScript의 주석문(Comment)
JavaScript 에서 사용되는 주석문에 대해 알아 봅니다. 아래와 같이 1줄 주석문의 경우 2개의 Slash (// 1 줄 주석)를 주석문 앞에 붙여 사용하고, 여러 줄에 걸쳐 주석을 달 때는 CSS와 마찬 가지로 /* 여러 줄 주석 */ 과 같이 사용합니다. 특히 1 줄 주석문의 위치는 아래와 같이 Line의 처음에 붙여도 되고 중간에 붙여도 됩니다.
1 줄 주석의 위치
// 이와 같이 Line의 처음에 와도 되고
function open_window(page){
var y = screen.availHeight - 100 // 이렇게 중간에 와도 됩니다.
var x = screen.availWidth - 100
var win_option = "top=50, left=50, scrollbars=yes, width="+x+", height="+y+", resizable=yes"
window.open(page, 'open_win' , win_option)
}
/* 이건
여러 줄
주석의
예 입니다. */
주석문(Comment)의 사용 목적등에 대해 자세히 알고 싶으면 여기를 참고 하시고, 아래는 각 언어 별 주석문 입니다.
| 각 언어별로 사용되는 주석문 |
| HTML |
<!-- 주석 --> |
| CSS |
/* 주석 */ |
| JavaScript |
//주석 (Slash 2개) |
| ASP |
'주석 (작은 따옴표) |
| XML |
<!-- 주석 --> |
JavaScript의 명령 Line의 처리
이번에는 JavaScript 에서의 명령 Line 처리를 어떻게 하는지 알아 보겠습니다. 참고로 아래와 같이 CSS Scripting을 예로 들어 보죠.
CSS Scripting 의 경우
<div onmouseover="this.style.color='red';">...</div>
위의 예와 같이 Script를 작성했을 경우, ;(semi-colon)을 넣었는데 이는 단순 따옴표와 이중 따옴표가 붙어 있으면 잘 구분되지 않기 때문에 붙인 것이지 사실 없어도 되는 거져. 왜냐하면 Script 명령이 1개 뿐이기 때문입니다. 하지만 아래와 같이
Script 명령을 2개 이상 사용할 경우
<div onmouseover="this.style.color='red';this.style.backgroundColor='#808080' ">...</div>
2개 이상의 Script 명령을 사용할 경우에는 반드시 semi-colon 으로 구분해 주어야 합니다. 그렇지 않으면 당장에 에러 메시지를 보게 되져. semi-colon을 사용하지 않고도 여러 개의 Script 명령을 사용하는 방법도 있긴 있습니다. 아래와 같이
입력
<div onmouseover="this.style.color='red' //semi-colon 대신 Enter를 쳐서 줄을 바꿉니다.
this.style.backgroundColor='#808080' ">...</div>
이렇게 Enter로 줄을 바꾸어도 이상없이 실행이 됩니다. 위와 같이 주석을 달 수도 있구요. 하지만 특별한 경우가 아니라면 semi-colon을 사용하여 명령줄을 연결 시키는게 좋지 않을까요?
이 처럼 Script 1 개의 명령 줄이 끝났음을 알리는 방법은 semi-colon으로 구분하거나, Enter로 줄을 바꾸는 2 가지 방법이 있습니다.
JavaScript의 공백문자(space) 처리
JavaScript에서는 단어와 단어 사이의 여러개의 공백(space)을 하나의 space로 처리합니다. 특히 수식에서 연산기호와 Data 를 연결하는 문장에서 아래와 같이
입력
A=B+C 와 같이 공백없이 붙여 쓰는 것과
A = B + C 와 같이 공백을 넣는 것은 똑 같은 내용으로 처리합니다.
사람에 따라 약간의 차이는 있겠지만 위와 같은 수식의 경우 공백으로 구분하는 것이 가독력(Readability)을 높이기 때문에 에러 방지에도 도움이 되져.
JavaScript에 사용되는 Data의 종류
JavaScript에 사용되는 자료형은 대체적으로
- 정수
0~9사이의 음수와 양수, 따옴표 속에 넣지 않는다.
- 실수
0~9사이의 음수와 양수를 포함한 부동 소수, 따옴표 속에 넣지 않는다.
- Boolean(true or false)
true 와 false , 즉 참이냐 거짓이냐 둘 중에 하나
- String(문자열)
사용할 수 있는 모든 문자를 말하고, 따옴표(" ")속에 넣는다.
이런 정도의 Date type이 있습니다. 자세한 내용은 뒤에 나오는 Variable (변수? : 프로그램에서도 적절한 단어인지 모르겠습니다만) 부분에서 설명 하겠습니다.
