[WEB] JavaScript 문법 정리 #3

JavaScript (JS)는 웹 페이지에 동적인 기능을 추가하기 위한 프로그래밍 언어이다.

HTML은 문서의 구조를, CSS는 디자인을 담당하면 JavaScript는 웹 페이지의 동작을 제어한다.

변수 선언

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

• var: 함수 스코프를 가지는 변수.
• let: 블록 스코프를 가지는 변수.
• const: 블록 스코프를 가지며, 한 번 할당하면 변경할 수 없는 상수.

var oldVariable = "old";
let newVariable = "new";
const constantVariable = "constant";

데이터 타입

JavaScript에서 주요 데이터 타입은 다음과 같다.

• Number: 숫자 타입.
• String: 문자열 타입.
• Boolean: 논리 타입 (true or false).
• Object: 객체 타입.
• Array: 배열 타입.
• null: null 값.
• undefined: 정의되지 않은 값.

연산자

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

조건문

• if, else if, else
• switch 문

if (condition) {
  // 코드
} else if (anotherCondition) {
  // 코드
} else {
  // 코드
}

switch (variable) {
  case value1:
    // 코드
    break;
  case value2:
    // 코드
    break;
  default:
    // 코드
}

반복문

• for
• while
• do-while

for (let i = 0; i < 10; i++) {
  // 코드
}

while (condition) {
  // 코드
}

do {
  // 코드
} while (condition);

함수

• 선언식 (Function Declaration)

function functionName(parameters) {
  // 코드
}

• 표현식 (Function Expression)

const functionName = function(parameters) {
  // 코드
};

• 화살표 함수 (Arrow Function)

const functionName = (parameters) => {
  // 코드
};

객체와 배열

• 객체 (Object)

const person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello!");
  }
};

• 배열 (Array)

const numbers = [1, 2, 3, 4, 5];

DOM 조작

JavaScript는 DOM (Document Object Model)을 통해 웹 페이지의 요소를 동적으로 조작할 수 있다.

const element = document.getElementById("elementId");
element.innerHTML = "New Content";

이벤트 처리

JavaScript는 사용자의 행동에 반응하기 위해 이벤트를 처리할 수 있다.

document.getElementById("button").addEventListener("click", function() {
  alert("Button clicked!");
});

 

이것은 JavaScript의 기본적인 문법과 개념에 대한 간략한 요약이다.

실제로는 더 많은 고급 기능, 라이브러리, 프레임워크가 있다.