JavaScript란?
JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나입니다.
HTML과 CSS와 함께 웹 페이지를 구성하는 데 사용됩니다.
JavaScript는 클라이언트 측 웹 개발과 서버 측 웹 개발 양쪽에서 모두 사용됩니다.
JavaScript를 사용하면 웹 페이지를 동적으로 만들 수 있습니다.
예를 들어, 사용자가 어떤 버튼을 클릭하면, JavaScript를 사용하여 그에 해당하는 액션을 수행할 수 있습니다.
이를 통해 사용자와 상호작용이 가능한 웹 페이지를 만들 수 있습니다.
대표문법
변수
JavaScript에서 변수는 데이터를 저장하는 데 사용됩니다. 변수를 만드는 방법은 다음과 같습니다.
let myVariable = "Hello World!";
위의 코드에서 myVariable이라는 변수에 "Hello World!"라는 문자열을 할당했습니다. 변수를 할당할 때 let 키워드를 사용합니다.
함수
JavaScript에서 함수는 코드 블록입니다. 코드 블록을 실행할 때, 함수 내에서 정의된 코드가 실행됩니다. 함수를 만드는 방법은 다음과 같습니다.
function myFunction() {
console.log("Hello World!");
}
위의 코드에서 `myFunction` 이라는 함수를 만들었습니다. 함수를 호출하려면 다음과 같이 코드를 작성합니다.
myFunction();
위 함수호출을 하지않으면, myfunction 함수는 작동하지않습니다.
조건문
JavaScript에서 조건문은 특정 조건이 충족되는 경우에만 코드 블록을 실행합니다.
조건문을 만드는 방법은 다음과 같습니다.
if (x > 5) {
console.log("x is greater than 5");
} else {
console.log("x is less than or equal to 5");
}
위의 코드에서 if 키워드를 사용하여 조건문을 시작합니다. 조건문 내에서 x가 5보다 큰지를 확인하고, 만약 그렇다면 첫 번째 console.log문을 실행합니다. else 키워드를 사용하여 조건문이 거짓인 경우 실행될 코드 블록을 지정할 수 있습니다.
반복문
JavaScript에서 반복문은 코드 블록을 여러 번 실행합니다. 반복문을 만드는 방법은 다음과 같습니다.
for (let i = 0; i < 10; i++) {
console.log(i);
}
위의 코드에서 for 키워드를 사용하여 반복문을 시작합니다.
let i = 0은 반복문의 시작점을 정의하고, i < 10은 반복문이 실행되는 조건을 정의합니다.
i++은 반복문의 실행이 끝날 때마다 i 값을 1씩 증가시킵니다.
반복문 내에서 console.log를 사용하여 i의 값을 출력합니다.
배열
JavaScript에서 배열은 데이터 요소들의 목록입니다. 배열을 만드는 방법은 다음과 같습니다.
let myArray = [1, 2, 3, 4, 5];
위의 코드에서 myArray라는 배열을 만들고, 1부터 5까지의 정수를 포함시켰습니다.
배열 내의 요소에 접근하려면 다음과 같이 코드를 작성합니다.
console.log(myArray[0]); // 1
console.log(myArray[1]); // 2
객체
JavaScript에서 객체는 이름-값 쌍의 집합입니다. 객체를 만드는 방법은 다음과 같습니다.
let myObject = {
name: "John",
age: 25,
gender: "male"
};
위의 코드에서 myObject라는 객체를 만들고, name, age, gender와 같은 속성을 집어넣었습니다.
객체 내의 속성에 접근하려면 다음과 같이 코드를 작성합니다.
console.log(myObject.name); // John
console.log(myObject.age); // 25
결론
이상으로 JavaScript의 변수, 함수, 조건문, 반복문, 배열, 객체에 대해 간단히 알아보았습니다.
더 많은 JavaScript 지식을 습득하려면 공식 문서를 참조하는 것이 좋습니다.
'JavaScript' 카테고리의 다른 글
[JS] 실행 컨텍스트 뿌수기 #3 함수 (0) | 2024.02.29 |
---|---|
[JS] 실행 컨텍스트 뿌수기 #2 렉시컬 환경 (0) | 2024.02.28 |
[JS] 실행 컨텍스트 뿌수기 #1 소스코드 (0) | 2024.02.28 |
[JS] Scope chaning (0) | 2024.02.20 |
[JS] 배열 비교 (0) | 2024.01.13 |