기록

함수

함수는 자바스크립트에서 재사용 가능한 코드 블록이자 일종의 객체이다. 따라서 속성도 가질 수 있으며 그 속성의 값이 변수라면 property, 함수라면  method가 된다.

함수는 선언, 호출, 매개변수, 반환값으로 구성된다.

함수 선언

// 선언
function greet(name) { // name : 매개변수
    return `Hello, ${name}!`; // 반환값
}
console.log(greet('Alice')); // "Hello, Alice!" // 호출

함수 표현식

함수 선언과 달리 변수에 할당되는 방식으로 정의되는 함수이다.

let greet = function(name) {
    return `Hello, ${name}!`;
};
console.log(greet('Bob')); // "Hello, Bob!"

let greet : let 변수로 greet라는 이름의 변수를 선언한다.

function(name)  : 매개변수 name을 받는 함수를 정의한다.

{ return ~ } : 함수의 본문으로 'Hello, ${name}!'을 반환한다. 템플릿 리터럴을 사용하여 매개변수 name의 값을 포함한 문자열로 반환한다.

화살표 함수

ES6부터 도입된 것으로 함수를 간결하게 표현하는 문법이다.

let greet = (name) => `Hello, ${name}!`;
console.log(greet('Charlie')); // "Hello, Charlie!"

함수 키워드와 이름이 생략되고 전달받을 매개변수만 괄호 안에 표기한다.

함수의 본문을 작성하는 중괄호와 반환 키워드가 생략되고 본문을 바로 표기할 수 있다.

조건문 (Conditional Statements)

조건문은 특정 조건에 따라 코드 블록을 실행하거나 건너뛰는 방식으로 동작한다.

if, else if, else 

let x = 10;

if (x > 5) {
    console.log("x는 5보다 크다.");
} else if (x === 5) {
    console.log("x는 5이다.");
} else {
    console.log("x는 5보다 작다.");
}

switch

하나의 변수를 다양한 값과 비교하여 코드 블록을 실행한다.

let day = 3;
let dayName;

switch (day) {
    case 0:
        dayName = 'Sunday';
        break;
    case 1:
        dayName = 'Monday';
        break;
    case 2:
        dayName = 'Tuesday';
        break;
    case 3:
        dayName = 'Wednesday';
        break;
    case 4:
        dayName = 'Thursday';
        break;
    case 5:
        dayName = 'Friday';
        break;
    case 6:
        dayName = 'Saturday';
        break;
    default:
        dayName = 'Invalid day';
}

console.log(dayName); // "Wednesday"

break는 해당 조건에 해당하면 더 이상 다음 조건을 확인하지 않고 조건문을 종료시키는 기능을 한다.

case는 순서대로 모든 케이스를 확인하기 때문에 break가 없다면 swich의 모든 조건을 확인한다.

반복문 (Loops)

반복문은 특정 코드 블록을 여러 번 실행하는 데 사용된다. 

for

일반적인 반복문이다.

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

while

조건이 참인 동안 코드 블록을 반복한다.

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

do-while

코드 블록을 최소 한 번 실행하고, 그 후 조건이 참인 동안 반복한다.

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

break

break는 반복문을 종료시키는 기능을 한다.

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

continue

continue 문은 현재 반복을 종료하고 다음 반복으로 넘어간다.

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        continue;
    }
    console.log(i); // 0, 1, 2, 3, 4, 6, 7, 8, 9
}

기본 데이터 타입

숫자(Number) 

정수 및 부동 소수점 숫자를 포함한다.

let integer = 42;
let float = 3.14;

숫자 조작

산술 연산자를 사용해 숫자를 조작할 수 있다.

let sum = 10 + 5; // 15
let difference = 10 - 5; // 5
let product = 10 * 5; // 50
let quotient = 10 / 5; // 2
let remainder = 10 % 5; // 0

문자열(String)

텍스트 데이터를 나타낸다.

let singleQuoteString = 'Hello, world!';
let doubleQuoteString = "Hello, world!";
let templateString = `Hello, ${name}!`;

문자열 조작

연결 연산자를 사용해 문자열을 조작할 수 있다.

let greeting = 'Hello' + ' ' + 'world'; // "Hello world"

템플릿 리터럴

let name = 'Alice';
let message = `Hello, ${name}!`; // "Hello, Alice!"

불리언(Boolean)

참 또는 거짓 값을 가진다.

let isTrue = true;
let isFalse = false;

값과 조건 판단

let isAdult = true;
if (isAdult) {
    console.log('You are an adult.');
} else {
    console.log('You are not an adult.');
}

null

값이 비어 있음을 나타낸다.

let emptyValue = null;

undefiend

값이 정의되지 않았음을 나타낸다.

let undefinedValue;

null과 undefined의 차이

null : 명시적으로 값이 없음을 나타내기 위해 사용된다.

undefined : 변수가 선언되었지만 값이 할당되지 않았을 때의 초기 상태를 나타낸다.

let a = null;
let b;

console.log(a); // null
console.log(b); // undefined

객체(Object)

키-밸류 쌍의 집합, 배열도 객체의 일종이다.

let person = {
    name: 'John',
    age: 30
};
let array = [1, 2, 3];

객체와 배열의 초기화 및 조작

객체 초기화

let car = {
    make: 'Toyota',
    model: 'Camry',
    year: 2020
};

배열 초기화

let numbers = [1, 2, 3, 4, 5];

객체 속성 접근 및 조작

console.log(car.make); // "Toyota"
car.year = 2021;
console.log(car.year); // 2021

데이터 타입 확인

typeof 연산자를 사용하여 데이터 타입을 확인할 수 있다.

console.log(typeof 42); // "number"
console.log(typeof 'Hello'); // "string"
console.log(typeof true); // "boolean"
console.log(typeof null); // "object" (자바스크립트의 역사적 이유로)
console.log(typeof undefined); // "undefined"
console.log(typeof {name: 'John'}); // "object"

데이터 타입 간의 변환

자바스크립트에서는 데이터 타입 간의 변환이 자주 발생한다. 이를 명시적 변환과 암시적 변환으로 나눌 수 있다.

명시적 변환(Explicit Conversion)

숫자로 변환 

Number(), parseInt(), parseFloat()

let str = "123";
let num = Number(str); // 123
let int = parseInt("123.45"); // 123
let float = parseFloat("123.45"); // 123.45

문자열로 변환

String()

let num = 123;
let str = String(num); // "123"

불리언으로 변환

Boolean()

let str = "";
let bool = Boolean(str); // false

암시적 변환(Implicit Conversion)

숫자와 문자열의 연산에서 발생

let result = 123 + "456"; // "123456" (숫자가 문자열로 변환됨)