코드랩 레퍼런스
JavaScript - 연산자 본문
자바스크립트를 쓰기 위한 기본 문법입니다. 프로그램을 작성할 때 일정한 규칙을 지켜줘야 오류 없이 실행할 수 있습니다.
대문자와 소문자
자바스크립트는 대문자와 소문자를 구별하여 처리해야 합니다.
토근과 공백문자
프로그램을 구성하는 최소 단위를 토근(어휘)이라고 하며, 자바스크립트는 프로그램을 실행하기 전에 프로그램을 토큰으로 분해하여 처리합니다. 이런 동작을 구문 분석(파싱)이라고 합니다.
자바스크립트 주석
일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용하는 용도로 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다.
/* ... */ : 여러줄에 주석을 적용하는 경우
// : 한 줄에 주석을 적용하는 경우
// : 한 줄에 주석을 적용하는 경우
키워드와 식별자
자바스크립트에는 의미를 가진 단어들이 있기 때문에 사용자가 임의로 사용할 수 없는 단어들이 있습니다.
키워드(예약어) : 자바스크립트에서 정해진 단어
식별자 : 사용자가 임의로 사용하는 단어
식별자 : 사용자가 임의로 사용하는 단어
다음의 키워드는 자바스크립트에서 사용하기 때문에 사용자가 임의로 사용할 수 없습니다.
ECMAScript6의 예약어
| break | case | catch | class | const | continue |
| debugger | default | delete | do | else | export |
| extends | false | finally | for | function | if |
| import | in | instanceof | new | null | rutrun |
| super | switch | this | throw | true | try |
| typeof | var | void | while | with | yield |
전역 변수와 전역 함수(사용해도 오류는 발생하지 않지만 자바스크리트가 가진 기본 기능을 사용할 수 없게 됩니다.)
| arguments | Array | Boolean | Date | decodeURI |
| decodeURIComponent | encodeURI | encodeURIComponent | Error | eval |
| EvalError | Function | Infinity | isFinite | isNaN |
| JSON | Math | NaN | Number | Object |
| parseFloat | parseInt | RangeError | RefferenceError | RegExp |
| String | SyntaxError | TypeError | undefined | URIError |
변수명 규칙
사용자는 임의의 식별자를 만들 수 있으며, 다음의 사항을 지켜주어야 합니다.
- 사용할 수 있는 문자 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러 기호($)
- 첫 글자는 숫자를 사용할 수 없음 : (a~z, A~Z), 밑줄(_), 달러 기호($)는 첫 글자로 가능
- 공백을 주면 안됨 : 밑줄(_) 사용 가능, 하이픈(-) 사용 안됨
- 특수기호를 사용할 수 없음 : 밑줄(_), 달러 기호($) 제외
- 키워드(예약어)를 사용 할 수 없음
변수명 조합 규칙
두 가지 이상의 단어를 조합할 때는 다음과 같은 방법을 사용합니다.
- 언더스코어 표기법 : text_top과 같이 중간에 '_'를 사용합니다.
- 카멜 표기법 : textTop과 같이 두번째 단어의 첫 글자를 대문자로 사용합니다.
- 파스칼 표기법 : TextTop과 같이 모든 단어의 첫 문장을 대문자로 사용합니다.
문자열 처리
문자열을 구분하기 위해서는 작은 따옴표 또는 큰 따옴표를 사용합니다.
Example View
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>자바스크립트(JavaScript)</title>
<script type="text/javascript">
var str1 = "hello"; // 큰 따옴표 사용
var str2 = 'hello'; // 작은 따옴표 사용
var str3 = "hello 'JavaScript'"; // 큰 따옴표 안에 작은 따옴표 사용
var str4 = 'hello "JavaScript"'; // 작은 따옴표 안에 큰 따옴표 사용
var str5 = "hello\nJavaScript"; // 줄바꿈
var str6 = "hello\t\tJavaScript"; // 간격
var str7 = "hello\'JavaScript\'"; // 작은 따옴표
var str8 = "hello\"JavaScript\""; // 큰 따옴표
document.write(str1);
document.write("<br />");
document.write(str2);
document.write("<br />");
document.write(str3);
document.write("<br />");
document.write(str4);
document.write("<br />");
alert(str5);
alert(str6);
alert(str7);
alert(str8);
</script>
</head>
<body>
</body>
</html>
자바스크립트 사용 방법
1. 외부 파일로 로드하는 방법
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>자바스크립트(JavaScript)</title>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
....
</body>
</html>
2. script태그 사이에 기술하는 방법
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>자바스크립트(JavaScript)</title>
<script type="text/javascript">
document.write("hello, Webstoryboy")
</script>
</head>
<body>
....
</body>
</html>
3. 태그에 직접 기술하는 방법
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>자바스크립트(JavaScript)</title>
</head>
<body>
<input type="button" onclick="alert('hello webstoryboy')" value="Hello webstoryboy" />
</body>
</html>
Ad
Comments