자바스크립트 문법(JavaScript Syntax)

자바스크립트 값(JavaScript Values)

자바스크립트 문법은 어떻게 자바스크립트 프로그램들이 구성되어있는가를 정의하는 규칙의 집합이다.

자바스크립트 문법은 두 가지 타입의 값을 정의한다.

Fixed values : 고정 값 ( Literals로 부른다.)
고정 값에는 중요한 두 가지 문법이 있다.

 

1. 숫자(Numbers)들은 소수점과 함께 쓰거나 또는 없이 사용한다.

10.50

1001

 

2. 문자열(Strings)은 큰 따옴표나 작은 따옴표와 함께 쓰이는 텍스트다.

"John Doe"

'John Doe'

 

 

Variable values : 변수 값 ( variables 로 부른다.)

프로그래밍 언어에서 변수는 데이터 값을 저장하는데 쓰인다.

자바스크립트는 var, let, const 같은 키워드를 사용하여 변수를 선언하며 등호(=)는 변수에 값을 할당하는 데 사용한다.

 

let x;
x = 6;

 

 

---

 

 

자바스크립트 연산자(JavaScript Operators)

자바스크립트는 값을 계산하기 위해 산술연산자(+ - * / )를 사용한다.

 

(5 + 6) * 10

//110

 

자바스크립트에서는 변수에 값을 할당하기 위해 등호연산자(=)를 사용한다.

 

<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

//11

 

 

---

 

 

자바스크립트 표현식(JavaScript Expressions)

표현식은 값을 계산하는 값, 변수 및 연산자들의 조합이다.

 

<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>

//50

 

값은 숫자나 문자열처럼 다양한 타입이 될 수 있다.

"John" + " " + "Doe"

//John Doe

 

 

---

 

 

자바스크립트 키워드(JavaScript Keywords)

자바스크립트 키워드는 수행할 작업을 실행하는데 있어 식별하기 위해 사용된다.

 

let x, y;
x = 5 + 6;
y = x * 10;


//110

var x, y;
x = 5 + 6;
y = x * 10;


//110

 

 

---

 

 

 

자바스크립트 주석(JavaScript Comments)

모든 자바스크립트 구문이 실행되는것은 아니다.

더블 슬래쉬(//)뒤에 쓰이는 구문이나  /*  */사이에 쓰이게 되면 해당 구문은 주석처리가 되어 실행되지 않는다.

 

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

 

 

---

 

 

자바스크립트 식별자 / 이름 (JavaScript Identifiers / Names)

식별자는 자바스크립트의 이름이며 변수, 키워드, 함수의 이름을 지정하는 데 사용된다.

대부분의 프로그래밍 언어에서 법적 이름에 대한 규칙은 동일하다.

자바스크립트에서는 다음과 같이 시작해야 한다.

• 글자 (A-Z 혹은 a-z)
• 달러 기호 ($)
• 언더바 (_)

후속 문자는 글자, 숫자, 언더바 또는 달러 기호일 수 있다.

💡 숫자는 이름을 지정할 때 첫 글자로 사용될 수 없다. 이런 식으로 자바스크립트는 식별자와 숫자를 쉽게 구분할 수 있다.

 

 

---

 

 

자바스크립트는 대소문자를 구분(JavaScript is Case Sensitive)

모든 자바스크립트 식별자는 대소문자를 구분한다.

해당 예제에서는 변수 lastName과 lastname은 서로 다른 변수로 구분된다.

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

단, 키워드로 사용하는 let은 대소문자 구분 없이 let으로 사용된다.

 

 

---

 

 

자바스크립트와 카멜 케이스(JavaScript and Camel Case)

역사적으로 프로그래머들은 여러 개의 단어들을 하나의 변수명으로 결합시키기 위해 다양한 방법들을 사용해왔다.

• 하이픈 : first-name, last-name, master-card, inter-city
  (💡 자바스크립트에서 하이픈은 허용되지 않는다. 연산자 중 뺄셈을 위한 예약어이다)
• 언더바 : first_name, last_name, master_card, inter_city
• Upper Camel Case (파스칼 케이스) : FisrtName, LastName, MasterCard, InterCity
• Lower Camel Case : 자바스크립트 프로그래머들은 소문자로 시작하는 카멜 케이스를  사용하는 경향이 있다.
  firstName, lastName, masterCard, interCity

 

 

---

 

 

자바스크립트 문자 집합(JavaScript Character Set)

자바스크립트는 유니코드 문자 집합을 사용한다.

유니코드는 (거의) 세계의 모든 문자, 구두점, 기호를 다룬다.