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 이후의 새로운 기능도 공부해 볼 가치가 있습니다. 다들 화이팅 입니다.
'IT정보 > Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트란? (0) | 2023.10.18 |
---|---|
[Javascript] 자바스크립트 버전 (0) | 2023.10.18 |
[Javascript] input타입에 최대 길이 지정하기 (0) | 2023.09.01 |
[Javascript] 특정한 문자열이 포함되어 있는지 확인하는 함수 (0) | 2023.09.01 |
[Javascript] IOS App에서 window.open이 작동하지 않을 때 (0) | 2023.09.01 |