j04. 자바스크립트 구문

자바스크립트 구문

자바스크립트 구문 (JavaScript syntax) 은 어떻게 자바스크립트 프로그램을 만들 것인지에 관한 규칙의 집합입니다.

자바스크립트 프로그램 (JavaScript Programs) 이란 컴퓨터에 의해 실행되어야 할 "일련의 명령 (a list of instructions)" 입니다.

프로그래밍 언어에서 프로그램 명령 (program instructions) 들은 지시문 (statements) 이라고 불립니다.

자바스크립트는 프로그래밍 언어입니다. 자바스크립트 지시문 (JavaScript statements) 은 세미콜론 (semicolons, ;) 으로 구분됩니다.

var numA = 100;
var numB = 200;
var totalC = numA + numB;

HTML 내에 있는 자바스크립트 프로그램 (JavaScript programs) 은 웹 브라우저에서 실행되게 됩니다.

---

자바스크립트 지시문 (JavaScript statements) 은 상수, 변수, 연산자, 함수, 키워드, 및 주석 으로 구성됩니다.

자바스크립트 구문 (JavaScript syntax) 에서는 2가지 유형의 값을 가질 수 있습니다. 고정 값 (Fixed values) 와 변하는 값 (variable values) 입니다.

고정 값 (Fixed values) 은 문자열 또는 상수 (literals) 라고 불립니다. 변하는 값 (Variable values) 은 변수 (variables) 라고 부릅니다.

자바스크립트 상수 (JavaScript Literals) 로서 고정 값 (fixed values) 을 기입할 때 가장 중요한 규칙은, 

숫자 (Numbers) 인 경우는 소수가 될 수도 있습니다.

문자 (Strings) 는 텍스트가 이중 따옴표 ("double quotes") 로 묶을 수도 있고, 한개 짜리 따옴표 ('single quotes') 를 사용할 수도 있습니다.


200
100.5

"이순신 장군"
'세종대왕의 "한글 창제" '

---

프로그래밍 언어에서, 변수 (variables) 는 데이터의 값을 저장하는 그릇 입니다.

자바스크립트는 변수 (variables) 를 선언할 때 var 키워드 (keyword) 를 사용합니다.

그리고 등호 표시 (equal sign, = ) 은 값을 변수에 할당할 떄 사용됩니다.
var myName;
myName = '킹 세종';

---

자바스크립트에서 할당 연산자 (assignment operator, = ) 는 값을 변수에 할당할 때 사용되고,
산술 연산자 (arithmetic operators, + - *  / ) 는 값들을 계산할 때 사용됩니다.
<p id="myID1"></p>

<script>
document.getElementById("myID1").innerHTML = (5 + 6) * 10;
</script>

---

자바스크립트 표현식 (JavaScript expression) 은 값, 변수, 연산자 의 조합으로서, 계산하여 결과 값을 산출 합니다.

계산 (computation) 은 값을 구하는 것 (evaluation) 입니다.

여기서 값은 숫자 (numbers) 가 될 수도 있고 문자 (strings) 가 될 수 도 있습니다.

문자 끼리도 연산을 할 수 있는데, "세종" + " " + "대왕", 은 "세종 대왕" 으로 값이 구해 집니다.
<p id="myID2"></p>

<script>
document.getElementById("myID2").innerHTML = "세종" + " " + "대왕";
</script>

---

자바스크립트 키워드 (JavaScript keywords) 는 수행될 동작을 확인하는데 사용됩니다.

var 키워드는 브라우저 에게 새로운 변수를 생성 하라고 지시합니다.
<p id="myID3"></p>

<script>
var firstNum = 200 + 100;
var secondNum = firstNum * 3;
document.getElementById("myID3").innerHTML = secondNum;
</script>

---

모든 자바스크립트 지시문 (JavaScript statements) 이 실행되는 것은 아닙니다.

자바스크립트 주석 (JavaScript Comments) 은 이중 슬래시 (double slashes, // ) 아니면, /* 과 */ 사이에 들어온 코드는 주석으로 처리됩니다.

주석은 무시되고, 처리되지 않습니다.

---

식별자 (Identifiers) 는 이름 (names) 을 의미합니다.

자바스크립트에서, 식별자 (identifiers) 는 변수, 키워드, 함수 (functions) 및 꼬리표 (labels) 에 이름을 부여하는데 사용됩니다.

이름 부여 규칙은 대부분의 프로그래밍 언어와 매우 흡사합니다.

자바스크립트에서, 첫번째 글자는 문자 (a letter), 언더스코어 (an underscore, _ ), 아니면 달러 표시 (a dollar sign, $ ) 가 올 수 있습니다.

그 뒤에 오는 글자는 문자, 숫자, 언더스코어, 달러 표시 가 될 수 있습니다.

즉, 숫자가 맨첫 글자로 올수 없다는 것에 유의하여야 합니다.

이렇게 해서 숫자와 식별자 를 자바스크립트가 쉽게 구분할 수 있습니다.

자바스크립트는 대소문자를 가립니다 (Case Sensitive).

모든 자바스크립트 식별자들은 대소문자를 구분합니다.

변수가 myID 와 MyID 가 있다면 이 둘은 다른 변수입니다.

또, 자바스크립트는 VAR, Var 는 처리하지 않습니다. var 만 인식합니다.

---

프로그래머가 변수 이름을 만들때, 여러 단어를 조합하게 되는데, 크게 아래와 같이 3가지 방법으로 조합합니다.

	(1) 하이픈 (Hyphens) 을 사용하는 방법 : sun-and-moon 
		(단, 하이픈은 자바스크립트에서는 허용되지 않습니다. 이것은 빼기 연산용으로 사용됩니다).
	(2) 언더스코어 (Underscore) 를 사용하는 방법 : sun_and_moon
	(3) 카멜 케이스 (Camel Case) 를 사용하는 방법 : SunAndMoon
		(카멜 케이스에서 첫 글자를 소문자로 시작하기도 합니다. sunAndMoon)

자바스크립트는 유니코드 문자셋 (Unicode character set) 을 사용합니다.

유니코드 (Unicode) 는 세상의 모든 문자, 기호 등을 지원합니다.

---

[광고] Udemy 동영상 강의로 보기