JavaScript의 기본 문법

JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 이 글에서는 JavaScript의 기본 문법에 대해 살펴보겠습니다. 특히 변수, 데이터 타입, 연산자 등을 중점적으로 다룰 것입니다.

변수

변수 선언

JavaScript에서 변수를 선언하는 방법에는 var, let, const 세 가지가 있습니다. 이들은 각각 다른 특성을 가지고 있습니다.

var

var는 ES6 이전에 변수를 선언하는 유일한 방법이었습니다. 함수 스코프를 가지며, 선언하기 전에 사용할 수 있는 호이스팅 특성이 있습니다.

var x = 10;
console.log(x); // 10

if (true) {
  var y = 20;
}
console.log(y); // 20

let

let은 블록 스코프를 가지며, ES6에서 도입되었습니다. 선언 전에 접근하려 하면 에러가 발생합니다.

let x = 10;
console.log(x); // 10

if (true) {
  let y = 20;
  console.log(y); // 20
}
// console.log(y); // ReferenceError: y is not defined

const

const도 블록 스코프를 가지며, 상수를 선언할 때 사용됩니다. 선언과 동시에 초기화해야 하며, 이후 값을 변경할 수 없습니다.

const x = 10;
console.log(x); // 10

// x = 20; // TypeError: Assignment to constant variable.

데이터 타입

JavaScript는 동적 타입의 언어로, 변수의 타입이 고정되지 않고 런타임에 결정됩니다. 주요 데이터 타입에는 다음과 같은 것들이 있습니다.

원시 타입

• 숫자(Number): 정수와 실수를 모두 포함합니다.
• let num = 42; let pi = 3.14;
• 문자열(String): 텍스트 데이터를 나타냅니다.
• let str = "Hello, World!";
• 불리언(Boolean): 논리 값을 나타내며, true 또는 false를 가집니다.
• let isTrue = true; let isFalse = false;
• null: 의도적으로 비어 있음을 나타내는 값입니다.
• let emptyValue = null;
• undefined: 값이 할당되지 않은 변수의 초기값입니다.
• let undefinedValue; console.log(undefinedValue); // undefined
• 심볼(Symbol): 유일하고 변경 불가능한 값으로, 주로 객체의 고유 프로퍼티 키로 사용됩니다.
• let sym = Symbol("description");

객체 타입

객체는 여러 값을 키-값 쌍으로 저장할 수 있는 복합 데이터 타입입니다.

let person = {
  name: "John",
  age: 30,
  isMarried: true
};

연산자

산술 연산자

숫자 값을 계산하는 데 사용됩니다.

let a = 10;
let b = 5;

console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0

대입 연산자

변수에 값을 할당하거나, 더 복잡한 할당 연산을 수행할 때 사용됩니다.

let x = 10;
x += 5; // x = x + 5
console.log(x); // 15

x *= 2; // x = x * 2
console.log(x); // 30

비교 연산자

두 값을 비교하여 불리언 값을 반환합니다.

let a = 10;
let b = 5;

console.log(a == b); // false
console.log(a != b); // true
console.log(a === 10); // true (엄격한 비교)
console.log(a !== "10"); // true (엄격한 비교)
console.log(a > b); // true
console.log(a <= 10); // true

논리 연산자

불리언 값을 조합하거나 부정할 때 사용됩니다.

let isTrue = true;
let isFalse = false;

console.log(isTrue && isFalse); // false (AND)
console.log(isTrue || isFalse); // true (OR)
console.log(!isTrue); // false (NOT)

삼항 연산자

조건에 따라 다른 값을 반환하는 간단한 조건문입니다.

let age = 20;
let isAdult = (age >= 18) ? "성인" : "미성년자";
console.log(isAdult); // "성인"

결론

JavaScript의 기본 문법을 이해하면 웹 개발의 기초를 다질 수 있습니다. 변수를 선언하고, 다양한 데이터 타입을 다루며, 여러 연산자를 활용하는 방법을 잘 익혀두면, 더 복잡한 JavaScript 코드도 쉽게 작성할 수 있습니다. 이 글을 통해 JavaScript의 기본 개념을 잘 이해하시길 바랍니다.