JavaScript

RingKim1·2024년 6월 11일

JavaScript

목록 보기
1/10

1. 📌JavaScript란?

  • JavaScript는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어
  • HTML과 CSS와 함께 웹의 3대 요소 중 하나로, 브라우저에서 실행됨

2. 기본 문법

2.1. 변수 선언

  • 변수는 데이터를 저장하는 공간
    JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언할 수 있음
var name = 'Alice'; // 전역 또는 함수 스코프
let age = 25;      // 블록 스코프
const PI = 3.14;   // 블록 스코프, 상수

2.2. 데이터 타입

  • JavaScript의 데이터 타입은 크게 원시 타입(Primitive)과 객체 타입(Object)으로 나뉨
    원시 타입: 숫자(Number), 문자열(String), 불리언(Boolean), null, undefined, 심볼(Symbol)
    객체 타입: 객체(Object), 배열(Array), 함수(Function) 등
let number = 10;          // 숫자
let name = "John";        // 문자열
let isStudent = true;     // 불리언
let person = {            // 객체
  firstName: "Jane",
  lastName: "Doe"
};
let numbers = [1, 2, 3];  // 배열

2.3. 연산자

JavaScript는 다양한 연산자를 제공

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

let a = 5;
let b = 10;
let sum = a + b;          // 15
let isEqual = (a === b);  // false
let isGreater = (a > b);  // false
let isTrue = (a < b && b > 0); // true

3. 함수

함수는 특정 작업을 수행하는 코드 블록
function 키워드를 사용하여 선언

function greet(name) {
  return `Hello, ${name}!`;
}

let message = greet("Alice"); // "Hello, Alice!"

4. 조건문

조건문은 조건에 따라 다른 코드를 실행할 수 있게 해줌
if, else if, else 키워드를 사용

let hour = 10;

if (hour < 12) {
  console.log("Good morning!");
} else if (hour < 18) {
  console.log("Good afternoon!");
} else {
  console.log("Good evening!");
}

5. 반복문

반복문은 특정 코드를 여러 번 실행할 때 사용
for, while, do...while 등이 있음

for (let i = 0; i < 5; i++) {
  console.log(i); // 0, 1, 2, 3, 4
}

let count = 0;
while (count < 5) {
  console.log(count); // 0, 1, 2, 3, 4
  count++;
}

6. 배열과 객체

배열은 여러 값을 하나의 변수에 저장할 수 있는 데이터 구조

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // "Apple"

객체는 키-값 쌍으로 데이터를 저장하는 구조

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // "John"
profile
커피는 콜드브루

0개의 댓글