TypeScript 심볼 완벽 분석: 타입 레벨에서의 심볼 활용과 고급 패턴

TypeScript 심볼 완벽 분석: 타입 레벨에서의 심볼 활용과 고급 패턴이번 포스트에서는 TypeScript가 JavaScript 심볼을 타입 레벌에서 어떻게 다루는지 깊이 파헤쳐보겠습니다. 계산된 타입과 추론된 타입을 보여주기 위해 npm 패키지 asserttt를 사용합니다.예시: // 값의 타입 검증 assertType('abc'); assertType(123); // 타입 동등성 확인 type Pair = [T, T]; type _ = Assert, [string, string] >>; 심볼 타입symbol과 typeof MY_SYMBOL타입 추론은 일반적으로 다음과 같이 동작합니다: let 선언: 더 넓고 일반적인 타입 추론const 선언: 더 좁고 구체적인 타입 추론예시: let..

• format_list_bulleted Javascript
• · 2025. 3. 15.
• textsms

TypeScript 조건부 타입 완벽 가이드: 유니온 타입과 유틸리티 타입 활용의 모든 것

TypeScript 조건부 타입 완벽 가이드: 유니온 타입과 유틸리티 타입 활용의 모든 것조건부 타입은 TypeScript에서 if-then-else 표현식과 같은 역할을 합니다.결과는 두 가지 분기 중 하나로 결정되는데요.이는 특히 제네릭 타입에서 유용하며, 유니온 타입을 다룰 때 "루프"를 돌리는 것처럼 활용할 수 있습니다.이번 글에서는 조건부 타입의 동작 원리를 자세히 알아보겠습니다.소스 코드에서 계산되거나 추론된 타입을 보여주기 위해 npm 패키지 asserttt를 사용합니다.예를 들면 다음과 같습니다: // 값의 타입 확인 assertType('abc'); assertType(123); // 타입 동등성 검사 type Pair = [T, T]; type _ = Assert, [strin..

• format_list_bulleted Javascript
• · 2025. 3. 15.
• textsms

TypeScript Mapped Types 완벽 정복: 기본부터 고급 활용까지

TypeScript Mapped Types 완벽 정복: 기본부터 고급 활용까지 Mapped type은 키(key)들을 순회하며 객체(object)나 튜플(tuple) 타입을 생성하는 기능으로, 다음과 같은 형태를 가집니다.{[PropKey in PropKeyUnion]: PropValue} 이번 포스트에서는 mapped types가 어떻게 작동하는지 자세히 살펴보고 사용하는 예시를 알아보겠습니다. Mapped types의 가장 중요한 사용 사례는 객체 변환과 튜플 매핑입니다. 소스 코드에서 계산되거나 추론된 타입을 보여주기 위해 npm 패키지인 asserttt를 사용하는데요. 예를 들면 다음과 같습니다.// 값의 타입assertType('abc');assertType(123);// 타입의 동등성type ..

• format_list_bulleted Javascript
• · 2025. 3. 13.
• textsms

TypeScript의 infer 키워드로 복합 타입에서 원하는 부분만 깔끔하게 추출하기

TypeScript의 infer 키워드로 복합 타입에서 원하는 부분만 깔끔하게 추출하기안녕하세요. 오늘은 TypeScript의 조건부 타입(Conditional types)에서 등장하는 infer라는 키워드에 대해 자세히 알아볼까 합니다. 이 infer 키워드를 활용하면 다소 복잡한 복합(Compound) 타입 안에서 원하는 부분의 타입만 쏙쏙 뽑아서 깔끔하게 사용할 수가 있는데요.이 글에서 사용하는 표기법이 글에서는 타입의 정확성이나 추론된 타입을 간편하게 확인하기 위해 asserttt라는 npm 패키지를 사용한 코드 예제를 활용할 건데요. 예를 들면 이런 식입니다.// 값의 타입 확인assertType('abc');assertType(123);// 타입의 동등성 확인type Pair = [T, T];..

• format_list_bulleted Javascript
• · 2025. 3. 13.
• textsms

TypeScript satisfies 연산자 완벽 정리: 타입 체크의 새로운 강자

TypeScript satisfies 연산자 완벽 정리: 타입 체크의 새로운 강자 안녕하세요, 여러분!오늘은 TypeScript의 satisfies 연산자가 뭔지, 어떻게 동작하는지 알아볼까요?이 연산자는 값의 타입을 체크하면서도 (대부분) 타입에 영향을 주지 않는 멋진 기능인데요.어디에 유용한지도 함께 살펴볼게요.이 글에서 사용할 표기법소스 코드에서 계산된 타입이나 추론된 타입을 보여주기 위해 asserttt라는 npm 패키지를 사용합니다.예를 들어:// 값의 타입assertType('abc');assertType(123);// 타입의 동등성type Pair = [T, T];type _ = Assert, [string,string]>>;satisfies 연산자는 뭘까요? satisfies 연산자는 컴파..

• format_list_bulleted Javascript
• · 2025. 3. 3.
• textsms

TypeScript에서 읽기 전용 속성 완벽 정리: readonly 키워드 활용법

TypeScript에서 읽기 전용 속성 완벽 정리: readonly 키워드 활용법안녕하세요, 여러분!오늘은 TypeScript에서 "읽기 전용" 기능을 어떻게 활용할 수 있는지 알아볼까요?주로 readonly 키워드를 중심으로 다뤄볼 건데요.이 글에서 사용할 표기법소스 코드에서 계산된 타입이나 추론된 타입을 보여주기 위해 asserttt라는 npm 패키지를 사용합니다.예를 들어:// 값의 타입assertType('abc');assertType(123);// 타입의 동등성type Pair = [T, T];type _ = Assert, [string,string]>>;const 변수 선언: 바인딩만 불변JavaScript에서는 const로 변수를 선언하면 바인딩은 불변이지만, 바인딩된 값 자체는 변경 가능합..

• format_list_bulleted Javascript
• · 2025. 3. 3.
• textsms