JavaScript 기본 문법

JavaScript 기본 문법

JavaScript는 웹 개발에서 필수적인 언어로, 웹 페이지에 동적 기능을 추가하고 사용자와의 상호작용을 가능하게 만듭니다. 이 글에서는 JavaScript의 기본 문법에 대해 간단히 정리해보겠습니다.

1. 변수와 데이터 타입

변수 선언

JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언합니다.

• var: ES5 이전에 사용된 방식으로 함수 스코프(function scope)를 가집니다.
• let: ES6에서 도입된 방식으로 블록 스코프(block scope)를 가집니다. 변경 가능한 변수에 사용합니다.
• const: 값이 변경되지 않는 상수에 사용하며, 블록 스코프를 가집니다.

let name = "John"; // 변수 선언 후 값 할당 
const age = 30; // 상수 선언 (값 변경 불가)

데이터 타입

JavaScript의 데이터 타입은 크게 기본 데이터 타입과 복합 데이터 타입으로 나뉩니다.

기본 데이터 타입

• 숫자(Number): 수학적 계산을 할 수 있는 값입니다.
• 문자열(String): 텍스트 값을 나타냅니다.
• 불리언(Boolean): 참(true) 또는 거짓(false) 값을 나타냅니다.
• Null: 값이 없음을 의미합니다.
• Undefined: 값이 아직 할당되지 않았을 때의 상태입니다.

복합 데이터 타입

• 배열(Array): 여러 값을 하나의 변수에 저장할 수 있는 자료형입니다.
• 객체(Object): 키-값 쌍으로 데이터를 저장합니다.

let fruits = ["apple", "banana", "cherry"];
let person = { name: "Bob", age: 25 };

2. 연산자

산술 연산자

JavaScript에서 기본적인 산술 연산자를 사용하여 수학적 계산을 할 수 있습니다.

let sum = 10 + 5; // 더하기 
let difference = 10 - 5; // 빼기 
let product = 10 * 5; // 곱하기 
let quotient = 10 / 5; // 나누기 
let remainder = 10 % 5; // 나머지

비교 연산자

비교 연산자는 두 값을 비교하고 불리언 값을 반환합니다.

let isEqual = (10 == 5); // 값이 같으면 true 
let isNotEqual = (10 !== 5); // 값이 다르면 true

논리 연산자

논리 연산자는 조건을 결합할 때 사용됩니다.

let isActive = true; 
let hasPermission = false; 
console.log(isActive && hasPermission); // 두 조건이 모두 참일 때 true 
console.log(isActive || hasPermission); // 두 조건 중 하나라도 참일 때 true

 

3. 조건문과 반복문

조건문 (if, else)

조건문을 사용하면 조건에 따라 코드의 흐름을 제어할 수 있습니다.

let age = 20; 
if (age >= 18) { 
  console.log("성인입니다."); 
} else { 
  console.log("미성년자입니다."); 
}

반복문 (for, while, do...while)

반복문을 사용하면 특정 작업을 반복적으로 수행할 수 있습니다.

for (let i = 0; i < 5; i++) { 
  console.log(i); // 0부터 4까지 출력 
}

---

4. 함수

함수 선언

함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행할 때 사용됩니다.

function greet(name) { 
  console.log("Hello, " + name); 
} 
greet("Alice"); // "Hello, Alice"

화살표 함수 (Arrow Function)

ES6에서 도입된 화살표 함수는 간결한 문법을 제공합니다.

const greet = (name) => { 
  console.log("Hello, " + name); 
}; 
greet("Bob"); // "Hello, Bob"

---

마무리

JavaScript는 웹 개발의 핵심 언어로서, 기본 문법을 익히는 것이 중요합니다. 변수 선언, 데이터 타입, 연산자, 조건문과 반복문, 함수 등을 잘 이해하고 실습하면 JavaScript의 기능을 자유자재로 활용할 수 있습니다.