JavaScript 기본 문법

JavaScript는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나입니다. 이 글에서는 JavaScript의 기본 문법을 다룰 예정입니다. 특히, 변수와 상수, 데이터 타입, 기본 연산자, 그리고 조건문을 중심으로 설명합니다.

변수와 상수 (var, let, const)

JavaScript에서 데이터를 저장하려면 변수를 사용합니다. 변수를 선언하는 방법에는 var, let, const가 있습니다.

var

var는 JavaScript 초기부터 사용된 키워드입니다. 함수 스코프(function scope)를 가지며, 재선언이 가능합니다.

function exampleVar() {
  var message = 'Hello, World!';
  console.log(message); // Hello, World!

  if (true) {
    var message = 'Hello, JavaScript!';
    console.log(message); // Hello, JavaScript!
  }

  console.log(message); // Hello, JavaScript! (재선언된 값)
}

exampleVar();

let

let은 블록 스코프(block scope)를 가지며, 재선언할 수 없습니다.

function exampleLet() {
  let message = 'Hello, World!';
  console.log(message); // Hello, World!

  if (true) {
    let message = 'Hello, JavaScript!';
    console.log(message); // Hello, JavaScript!
  }

  console.log(message); // Hello, World! (원래 값 유지)
}

exampleLet();

const

const는 상수를 선언할 때 사용합니다. 선언과 동시에 값을 할당해야 하며, 이후 값을 변경할 수 없습니다.

const PI = 3.14;
console.log(PI); // 3.14

// PI = 3.14159; // TypeError: Assignment to constant variable.

데이터 타입

JavaScript에는 몇 가지 주요 데이터 타입이 있습니다. 각각의 예시를 통해 알아보겠습니다.

기본 데이터 타입

1. 문자열(String): 텍스트 데이터를 저장합니다.
2. const name = 'John Doe'; console.log(name); // John Doe
3. 숫자(Number): 정수와 실수를 포함합니다.
4. const age = 30; const pi = 3.14; console.log(age, pi); // 30 3.14
5. 불리언(Boolean): 참(true) 또는 거짓(false) 값을 가집니다.
6. const isAdmin = true; console.log(isAdmin); // true
7. null: 의도적으로 "없음"을 나타냅니다.
8. const result = null; console.log(result); // null
9. undefined: 값이 할당되지 않은 변수의 기본 상태입니다.
10. let test; console.log(test); // undefined

기본 연산자

JavaScript에서 제공하는 기본 연산자는 다양합니다.

산술 연산자

const a = 10;
const b = 3;

console.log(a + b); // 13 (덧셈)
console.log(a - b); // 7 (뺄셈)
console.log(a * b); // 30 (곱셈)
console.log(a / b); // 3.333... (나눗셈)
console.log(a % b); // 1 (나머지)

비교 연산자

console.log(10 > 5); // true
console.log(10 === '10'); // false (엄격한 동등 비교)
console.log(10 == '10'); // true (느슨한 동등 비교)

논리 연산자

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

조건문 (if, else if, else, switch)

조건문은 특정 조건에 따라 코드를 실행하거나 실행하지 않게 합니다.

if, else if, else

const score = 85;

if (score >= 90) {
  console.log('A');
} else if (score >= 80) {
  console.log('B');
} else {
  console.log('C');
}
// 출력: B

switch

switch문은 하나의 값에 대해 여러 조건을 비교할 때 사용됩니다.

const day = 3;

switch (day) {
  case 1:
    console.log('Monday');
    break;
  case 2:
    console.log('Tuesday');
    break;
  case 3:
    console.log('Wednesday');
    break;
  default:
    console.log('Invalid day');
}
// 출력: Wednesday