03. 자바스크립트 초보라면 꼭! 기억해야할 기초 문법들

 

 

자바스크립트 문법

---

자바스크립트의 실행문은 세미콜론 (;)으로 구분됩니다.

var number = 1;
var result = number + 10;

 

자바스크립트는 대소문자를 구분합니다.

자바스크립트에서 변수나 함수의 이름, 예약어등을 작성하거나 사용할 때 대소문자를 정확하게 구분해서 사용해야합니다.

var index = 10;
var Index = 20;
var INdex = 30;

위에 선언한 변수 3개는 글자는 같지만 대소문자를 구분하기때문에 index변수, Index변수, INdex변수 이렇게 총 3개의 변수가 생성됩니다.

 

 

 

리터럴 (literal)

---

리터럴이란 직접 표현되는 값을 의미합니다.

즉, 소스코드에서 고정된 값을 대표하는 용어를 말합니다.

이해가 안가시는 분을 위해 코드로 예시를 보여드릴게요

var a = 10;		//10 		: literal
var b = "test";		//"test" 	: literal
var c = 'hihihi';	//'hihihi' 	: literal
var d = true;		//true 		: literal

주석을 보시면 10, "test", 'hihihi', true 값이 literal이라고 되어있죠? 

맞습니다. 저런 값들을 리터럴이라고 부릅니다.

 

 

 

식별자(identifier)

---

식별자란 변수 이름이나 함수 이름을 작성할때 사용되는 이름을 말합니다.

자바스크립트에서 식별자는 문자, 숫자, 언더스코어( _ ), 달러( $ )로만 작성이 가능합니다.

 

 

 

식별자 네이밍 방식

---

자바스크립트에서 식별자를 작성할 때 다음과 같이 작성하는 것이 좋습니다.

1. Camel Case

2. Underscore Case

 

Camel Case 방식은 식별자가 여러 단어로 이루어질 경우 첫 번째 단어만 모두 소문자로 작성하고, 그 다음 단어부터는 첫 문자만 대문자로 작성하는 방식입니다.

var testNumberSelect = 10;

 

Underscore Case 방식은 식별자가 여러 단어로 이루어질 때 모든 글자를 소문자로 작성하되 단어끼리 언더스코어 ( _ )로 연결하는 방식입니다.

var test_number_select = 10;

보통 자바스크립트에선 Camel Case 방식으로 네이밍을 하기 때문에 본 강의에서도 자바스크립트를 작성할 땐 Camel Case 방식으로 네이밍 할 예정입니다.

 

 

 

키워드(Keyword)

---

키워드는 예약어라고도 부릅니다.자바스크립트에서는 특정 단어들을 특별한 용도로 사용하기 위해 미리 예약을 해뒀습니다.이렇게 미리 예약된 단어들을 키워드 또는 예약어라고 부릅니다.미리 예약된 단어 (키워드 또는 예약어)는 식별자로 사용할 수 없습니다.

var num = 0;
function numSum {
	var num2 = num + 1;
}

//여기서 var와 function은 키워드(예약어)입니다.

 

 

 

 

주석 (Comment)

---

주석은 코드에 영향을 끼치지않는 설명문이라고 생각하시면 됩니다.일반적으로 코드만 작성하게되면 코드를 분석하거나, 디버깅할 때, 팀단위로 프로젝트를 진행할 때 해당 식별자가 무엇을 뜻하는지 해당 함수가 무슨 기능을 수행하는지 등 설명이 없으면 하나하나 분석해야하는 단점이 있습니다.오랫동안 보지않은 코드는 까먹게되고, 작성한 본인도 다시 하나하나 분석해야하는 경우가 생기게 됩니다.이럴때 주석을 사용해서 설명문을 달아 놓을 경우 분석하는 시간이 매우 줄어들고, 가독성이 좋아지기 때문에 주석을 사용하는 습관이 필요합니다.

한 줄 주석 : // 주석문
여러 줄 주석 : /* 주석문 */

var num = 0;
// num은 숫자를 담는 변수입니다.