[JavaScript] 자바스크립트 기초 정리 – 변수, 연산자, 조건문, 반복문

자바스크립트(JavaScript)는 웹 페이지를 동적으로 동작하게 만드는 핵심 언어입니다. 이번 포스팅에서는 자바스크립트의 변수 선언, 연산자, 조건문, 반복문에 대해 예제를 중심으로 간단히 정리하였습니다.

 

1. 변수의 선언과 타입

자바스크립트에서 변수는 var, let, const 키워드로 선언합니다.

let x = 10;

const y = 20;

• 변수는 타입을 명시하지 않아도 됩니다.
• 같은 변수에 다른 타입의 값을 여러 번 대입할 수 있습니다.
• 단, let이나 const로 중복 선언은 불가능합니다.

 

2. 자바스크립트의 다양한 연산자

산술 연산자

let a = 10;
let b = 5;

a + b   // 덧셈
a - b   // 뺄셈
a * b   // 곱셈
a / b   // 나눗셈
a % b   // 나머지

 

복합 대입 연산자

let x = 15;
x += 5;  // 20
x -= 3;  // 17
x *= 2;  // 34

 

증감 연산자

let count = 0;
count++;  // 후위 증가
++count;  // 전위 증가

 

비교 연산자

a == b   // 값 비교
a === b  // 값과 타입 비교
a != b
a !== b
a > b
a <= b

 

논리 연산자

x && y   // AND
x || y   // OR
!x       // NOT

 

연결 연산자

let firstName = '홍';
let lastName = '길동';
let fullName = firstName + ' ' + lastName;  // '홍 길동'

 

3. 조건문

if, else, else if

if (x == y) {
  console.log("같습니다.");
} else if (x > y) {
  console.log("x가 큽니다.");
} else {
  console.log("y가 큽니다.");
}

 

삼항 연산자

let age = 18;
let result = (age < 18) ? "청소년" : "성인";

 

switch문

let day = 1;
switch(day) {
  case 1: console.log("월요일"); break;
  case 2: console.log("화요일"); break;
  default: console.log("잘못 입력");
}

 

4. 반복문

for문

let sum = 0;
for (let i = 1; i <= 5; i++) {
  sum += i;
}
console.log(sum);  // 15

 

배열과 for문

const cars = ["BMW", "VOLVO", "SAAB"];
for (let i = 0; i < cars.length; i++) {
  console.log(cars[i]);
}

 

for...in 문 (객체 속성 반복)

const person = {name: "John", age: 25};
for (let key in person) {
  console.log(key + ": " + person[key]);
}

 

while문

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

 

do...while문

let j = 0;
do {
  console.log(j);
  j++;
} while (j < 5);

 

5. break와 continue

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) continue;
  console.log(i);  // 홀수만 출력
}

 

 

6. 마무리

자바스크립트는 기본적인 문법을 이해하는 것이 가장 중요합니다. 이번 포스팅에서는 변수부터 조건문, 반복문까지 핵심 개념을 다루었습니다.