Do it

콜백 함수, 프로미스, async/await는 비동기 처리를 다루는 대표적인 방식이야. 각각 어떻게 쓰이고, 어떤 차이가 있는지 간단하게 정리해볼게.✅ 1. 콜백 함수 (Callback)📌 개념함수를 인자로 전달해서, 나중에 실행되는 함수. 가장 기본적인 비동기 처리 방식.📦 특징코드 흐름이 꼬이기 쉬움 → 콜백 지옥(callback hell)중첩이 많아지면 가독성 나빠짐💡 예제function orderFood(cb) { setTimeout(() => { const food = "Pizza"; cb(food); // 여기서 호출됨 }, 1000);}orderFood((food) => { console.log("받은 음식:", food);});✅ 2. 프로미스 (Promise)📌 개..

1. push()용도: 배열의 끝에 요소 추가원본 변경: ✅ 변경됨예제 코드:const arr = [1, 2]; arr.push(3); console.log(arr); // [1, 2, 3]2. pop()용도: 배열의 끝 요소 제거 및 반환원본 변경: ✅ 변경됨예제 코드:const arr = [1, 2, 3]; const last = arr.pop(); console.log(last); // 3 console.log(arr); // [1, 2]3. unshift()용도: 배열 앞에 요소 추가원본 변경: ✅ 변경됨예제 코드:const arr = [2, 3]; arr.unshift(1); console.log(arr); // [1, 2, 3]4. shift()용도: 배열 앞 요소 제거 및 반환원본 변경: ✅..

✅ The Todo Typetype Todo = { title: string; description: string; label: string; priority: 'high' | 'low' | 'medium';};This defines a Todo object with four properties:title → a stringdescription → a stringlabel → a stringpriority → must be one of 'high' | 'low' | 'medium'✅ 1️⃣ Single Field Update Functionfunction updateTodo( todo: Todo, field: K, value: Todo[K]): Todo { return { ...todo, ..

✅ What is Partial in TypeScript?Partial is one of TypeScript’s utility types that makes all properties in a given type optional.type Partial = { [P in keyof T]?: T[P];};keyof T → Retrieves all property keys of T.[P in keyof T] → Iterates over all properties of T.?: → Makes each property optional (?).T[P] → Keeps the original type of each property.📌 1. Basic Example of Partialtype Todo = { tit..

In TypeScript, indexed access types allow you to retrieve the type of a specific property within another type. This feature enables dynamic referencing of a property's type within an object type.Example:type Person = { name: string; age: number; alive: boolean;};type NameType = Person['name']; // NameType is of type stringIn this example, the Person type has properties name, age, and alive. B..

In TypeScript, both type aliases and interfaces are used to define custom types, but they have distinct differences. Here's a comparison:Aspect type alias interfacePurposeDefines a new name for any type, including primitives, unions, tuples, and object types.Primarily used to define the structure of an object, specifying its properties and methods.Declaration MergingDoes not support declaration ..