본문 바로가기
IT정보/Javascript

[Javascript] 기본문법 정리_1

by secretAnyang 2023. 10. 18.
반응형

JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. 아래는 JavaScript의 기본 문법을 설명하는 간략한 개요입니다.

-변수 (Variables):
JavaScript에서 변수를 선언하려면 var, let, 또는 const 키워드를 사용합니다. var는 구식이며 let과 const는 ES6에서 도입되었습니다.

var x = 5;     // 변수 x를 선언하고 5로 초기화
let y = 10;    // 블록 스코프 변수
const z = 15;  // 상수 (값이 변하지 않음)

-데이터 타입 (Data Types):
JavaScript의 주요 데이터 타입은 숫자, 문자열, 불리언, 배열, 객체, 함수 등이 있습니다.

let num = 42;
let str = "문자열";
let bool = true;
let arr = [1, 2, 3];
let obj = { name: "John", age: 30 };
function sayHello() {
  console.log("안녕하세요!");
}

-연산자 (Operators):
JavaScript는 다양한 연산자를 지원합니다. 산술 연산자, 비교 연산자, 논리 연산자 등이 포함됩니다.

let a = 10;
let b = 5;
let sum = a + b;
let isGreater = a > b;
let andResult = true && false; // false

-제어 구조 (Control Structures):
JavaScript에서는 조건문과 반복문을 사용하여 프로그램 흐름을 제어합니다.


○ 조건문 (if, else if, else):

if (condition) {
  // 조건이 참일 때 실행
} else if (anotherCondition) {
  // 다른 조건이 참일 때 실행
} else {
  // 모든 조건이 거짓일 때 실행
}

○ 반복문 (for, while, do-while):

for (let i = 0; i < 5; i++) {
  // 0부터 4까지 5번 반복
}

while (condition) {
  // 조건이 참일 때 계속 반복
}

do {
  // 조건을 검사한 후 반복
} while (condition);

- 함수 (Functions):
함수는 코드 블록을 정의하고 재사용 가능한 코드 조각을 만들 때 사용됩니다.

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

greet("Alice"); // "안녕, Alice!" 출력

- 객체 (Objects):
JavaScript에서 객체는 키-값 쌍의 집합이며, 객체 지향 프로그래밍의 기본입니다.

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
};

console.log(person.firstName); // "John" 출력

- 배열 (Arrays):
배열은 여러 값을 저장하는데 사용되며, 인덱스로 항목에 접근합니다.

let fruits = ["사과", "바나나", "딸기"];
console.log(fruits[1]); // "바나나" 출력

- 이벤트 핸들링 (Event Handling):
JavaScript는 웹 페이지에서 이벤트를 처리하는 데 사용됩니다. 예를 들어, 버튼 클릭과 같은 이벤트를 처리할 수 있습니다.

document.getElementById("myButton").addEventListener("click", function() {
  alert("버튼이 클릭되었습니다.");
});

이것은 JavaScript의 기본 문법의 간단한 개요에 불과합니다. 더 복잡한 주제와 ES6 이후의 새로운 기능도 공부해 볼 가치가 있습니다. 다들 화이팅 입니다.