[TypeScript] unknown 타입

unknown 타입이란unknown 타입은 모든 값을 할당할 수 있는 최상위 타입입니다. any 타입과 유사하게 어떤 값도 담을 수 있지만, unknown 타입 변수에 대해 값을 사용하기 전에 반드시 해당 값의 타입을 좁혀(narrow) 주어야 합니다. 즉, unknown은 "무엇이든 될 수 있으나, 사용하기 전에는 그 실체를 반드시 확인하라"는 의미를 내포하고 있습니다.unknown을 사용하는 이유타입 안전성 강화: any 타입은 타입 검사를 완전히 우회하기 때문에 예상치 못한 런타임 오류를 발생시킬 수 있습니다. unknown 타입은 사용 전에 타입 검증을 요구하여, 보다 안전한 코드 작성을 돕습니다.외부 데이터 처리: API 응답이나 제3자 라이브러리의 결과처럼 정확한 타입을 알 수 없는 경우, u..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[TypeScript] 객체를 생성하는 5가지 방법

객체 리터럴: 빠르고 직관적인 생성객체 리터럴은 중괄호 `{}`를 사용해 간단히 객체를 정의하는 방법입니다. 소규모 데이터나 임시 객체를 만들 때 이상적입니다.let user = { id: 1001, username: "sunny", isActive: true,};console.log(`사용자: ${user.username}, 활성 상태: ${user.isActive}`);// 출력: 사용자: sunny, 활성 상태: true생성자 함수: 재사용 가능한 객체 설계생성자 함수는 `new` 키워드와 함께 호출되어 동일한 구조의 객체를 반복 생성할 수 있습니다. TypeScript에서는 타입 명시로 안정성을 더합니다.function Task(title: string, due: Date) { this.t..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[TypeScript] any 타입

any 타입이란any 타입은 변수에 대해 "어떤 값이든 허용한다"고 선언하는 방식입니다. TypeScript의 타입 체킹을 비활성화여 JavaScript의 동적 특성을 그대로 가져올 수 있게 해줍니다.any 타입의 개념유연성 제공: any 타입으로 선언된 변수는 문자열, 숫자, 객체 등 모든 타입의 값을 할당할 수 있습니다.타입 체킹 옵션: 컴파일러는 any 타입의 변수에 대해 타입 오류를 발생시키지 않습니다.외부 데이터 연동: 제3자 라이브러리나 동적으로 생성되는 데이터를 다룰 때, 정확한 타입을 알 수 없는 경우에 any 타입을 사용하면 편리합니다.any 타입 기본 사용법any 타입은 어떤 값이든 자유롭게 할당할 수 있어 테스트 시 편리합니다.let mysteryBox: any = "안녕하세요";co..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[TypeScript] 튜플(Tuple): 다양한 타입을 하나로 관리하기

튜플의 기본 개념튜플은 각 인덱스마다 특정 타입을 가진 요소들로 구성된 배열입니다. 일반 배열과 달리 길이와 타입이 고정되어 있어, 실수로 잘못된 데이터를 추가하거나 순서를 혼동하는 일을 방지할 수 있습니다.// 문자열, 숫자, 불린 값을 가지는 튜플 예제let tupleExample: [string, number, boolean] = ["TypeScript", 2024, true];console.log(tupleExample);// 출력 예시: [ 'TypeScript', 2024, true ]튜플 선언 후 요소 할당하기let userData: [number, string];userData = [101, "지민"];console.log(`ID: ${userData[0]}, 이름: ${userData[1..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[TypeScript] Enum 이해와 활용

Enum이란enum은 특정 값의 집합을 이름 붙여 정의하는 방법입니다. 기본적으로 숫자 값을 사용하여 각 항목에 순차적인 숫자를 할당합니다. 이러한 기본 숫자 enum 외에도 문자열, 혼합형으로 사용할 수 있으며, 컴파일시 JavaScript 객체로 변환되어 실행됩니다.숫자형 Enum숫자형 enum은 기본적으로 첫 번째 항목이 0부터 시작하여 순차적으로 값을 증가시킵니다. 또한, 시작 값을 사용자가 직접 지정할 수도 있으며, 이후 항목은 자동으로 증가합니다.enum OrderStatus { Pending = 1, Processing, Shipped, Delivered,}console.log(OrderStatus.Shipped);// 출력: 3console.log(OrderStatus[3]);// ..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[TypeScript] 객체 지향 설계를 위한 클래스

클래스의 주요 구성 요소속성 (Properties)클래스 내에 선언된 변수로, 각 인스턴스가 고유의 데이터를 보유할 수 있도록 합니다.메서드 (Methods)클래스에 정의된 함수들로, 객체의 행동이나 동작을 구현합니다.생성자 (Constructor)객체가 생성될 때 자동으로 호출되며, 인스턴스의 초기 상태(속성 값)를 설정합니다.접근 제한자 (Access Modifiers)public: 클래스 외부에서 자유롭게 접근 가능.private: 클래스 내부에서만 접근할 수 있어, 데이터 은닉을 실현.protected: 클래스와 그 하위 클래스 내에서만 접근 가능.클래스의 기본 구조클래스에서는 주요 구성 요소를 통해 객체의 설계도를 만들고, 필요할 때마다 인스턴스를 생성할 수 있습니다.class CoffeeMac..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms