JavaScript 기초 및 문법

Kiyun·2024년 1월 14일

js

목록 보기
1/20

JavaScript란?

JavaScript는 웹 페이지를 동적으로 만들고 제어하기 위해 사용되는 프로그래밍 언어 중 하나입니다. 주로 웹 브라우저에서 실행되며, HTML 및 CSS와 함께 사용하여 웹 페이지를 구성하고 상호 작용을 구현하는 데에 주로 쓰입니다.

JavaScript는 클라이언트 측 스크립트 언어로, 사용자의 브라우저에서 실행되기 때문에 서버 측 언어와는 구별됩니다. 이 언어를 사용하면 사용자와의 상호 작용, 동적인 콘텐츠 업데이트, 웹 애플리케이션 개발 등 다양한 기능을 구현할 수 있습니다.

JavaScript는 ECMA International에서 표준화되어 있으며, ECMAScript라는 이름으로도 알려져 있습니다. 대부분의 모던 웹 브라우저에서는 JavaScript를 실행할 수 있습니다. 또한, Node.js와 같은 환경을 사용하여 서버 측에서도 JavaScript를 실행할 수 있게 되었습니다.

javascript의 기본 문법

변수 (Variables):

var myVariable = 10;
let anotherVariable = 'Hello';
const pi = 3.14;

데이터 타입 (Data Types):

숫자(Number): let num = 5;
문자열(String): let str = 'Hello';
불리언(Boolean): let isTrue = true;
배열(Array): let myArray = [1, 2, 3];
객체(Object): let myObject = { key: 'value' };
함수(Function): function myFunction() { /* 코드 */ }

연산자 (Operators):

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

조건문 (Conditional Statements):

if (condition) {
    // 조건이 참일 때 실행되는 코드
} else {
    // 조건이 거짓일 때 실행되는 코드
}

반복문 (Loops):

  • for 반복문:
for (let i = 0; i < 5; i++) {
    // 반복 실행될 코드
}
  • while 반복문:
let i = 0;
while (i < 5) {
    // 반복 실행될 코드
    i++;
}

함수 (Functions):

function addNumbers(a, b) {
    return a + b;
}

let result = addNumbers(2, 3);

이벤트 핸들링 (Event Handling):

웹 페이지에서 발생하는 이벤트에 대응하는 함수를 만들어 처리합니다.

document.getElementById('myButton').addEventListener('click', function() {
    // 버튼이 클릭되었을 때 실행되는 코드
});

객체 지향 프로그래밍 (Object-Oriented Programming, OOP):

JavaScript는 프로토타입 기반의 객체 지향 언어이며, 클래스와 객체를 생성할 수 있습니다.

이것은 JavaScript의 기본 문법 중 몇 가지 예시일 뿐이며, 더 복잡하고 심화된 개념들도 존재합니다. JavaScript는 계속 발전하고 있으며, ECMAScript 표준의 새로운 버전이 나올 때마다 언어의 기능이 향상되고 확장되고 있습니다.

0개의 댓글