자바스크립트 문법 복습

자바스크립트 문법 복습: 변수, 데이터 타입, 연산자, 함수, 객체, 배열, 제어문 상세 가이드

자바스크립트는 웹 개발의 핵심 언어로, 다양한 기능을 구현하는 데 사용됩니다. 이 글에서는 자바스크립트의 기본 문법인 변수, 데이터 타입, 연산자, 함수, 객체, 배열, 제어문에 대해 자세히 설명하고 예시를 통해 이해를 돕겠습니다.

1. 변수 (variables)

변수는 값을 저장하기 위한 메모리 공간의 이름입니다. 자바스크립트에서는 let, const, var 키워드를 사용하여 변수를 선언합니다.

• let: 재할당 가능한 변수 선언
• const: 한 번 할당하면 값을 변경할 수 없는 상수 선언
• var: 이전 버전에서 주로 사용되었지만, let과 const를 사용하는 것이 권장됩니다.

let age = 30; // let 키워드로 변수 선언
const name = "홍길동"; // const 키워드로 상수 선언

 

2. 데이터 타입 (data types)

자바스크립트는 동적 타입 언어로, 변수에 어떤 타입의 값이든 할당할 수 있습니다. 주요 데이터 타입은 다음과 같습니다.

• Number: 숫자 (정수, 실수)
• String: 문자열
• Boolean: 논리값 (true, false)
• null: 값이 없음을 나타내는 특별한 값
• undefined: 변수가 선언되었지만 값이 할당되지 않은 상태
• Object: 복합적인 데이터를 저장하는 객체
• Symbol: 유일한 값을 생성하는 심볼

let num = 42; // Number
let str = "Hello, world!"; // String
let isTrue = true; // Boolean
let person = { name: "홍길동", age: 30 }; // Object

 

728x90

3. 연산자 (operators)

연산자는 값을 조작하고 새로운 값을 생성하는 데 사용됩니다.

• 산술 연산자: +, -, *, /, %
• 비교 연산자: ==, ===, !=, !==, >, <, >=, <=
• 논리 연산자: &&, ||, !
• 할당 연산자: =, +=, -=, *=, /=, %=
• 복합 할당 연산자: &&=, ||=, ??=

let x = 10;
let y = 5;
let result = x + y; // 15

 

4. 함수 (functions)

함수는 특정 작업을 수행하는 코드 블록입니다. 함수를 정의하고 호출하여 코드를 재사용할 수 있습니다.

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

greet("홍길동"); // Hello, 홍길동! 출력

 

5. 객체 (objects)

객체는 key-value 쌍으로 이루어진 데이터를 저장하는 자료 구조입니다.

let person = {
  name: "홍길동",
  age: 30,
  address: "서울시"
};

 

6. 배열 (arrays)

배열은 순서가 있는 데이터의 집합입니다.

let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];

 

7. 제어문 (control flow)

제어문은 프로그램의 흐름을 제어하는 데 사용됩니다.

• if 문: 조건에 따라 코드를 실행
• for 문: 특정 횟수만큼 반복
• while 문: 조건이 참인 동안 반복
• switch 문: 여러 가지 경우를 비교하여 실행

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

 

좀 더 깊이 있게 알아보기

• 자바스크립트 스코프: 변수의 유효 범위
• 호이스팅: 변수와 함수 선언이 코드의 맨 위로 이동되는 현상
• 클로저: 함수와 그 함수가 생성된 환경의 결합
• 프로토타입: 객체의 상속과 프로토타입 체인
• 이벤트: 사용자의 상호 작용을 처리하는 방법
• DOM 조작: HTML 문서를 동적으로 변경하는 방법
• 비동기 처리: 동시에 여러 작업을 수행하는 방법 (Promise, async/await)