[TypeScript] Type 'bigint' is not assignable to type 'ReactNode' 해결 방법

2023-08-20 1. 원인 "Type 'bigint' is not assignable to type 'ReactNode'" 오류는 일반적으로 TypeScript와 React를 함께 사용할 때 발생하는 문제입니다. 이 오류는 ReactNode 타입과 bigint 타입 간의 호환성 문제를 나타내는데, ReactNode는 React 컴포넌트가 반환하는 모든 유형의 요소를 나타내는 데 사용되는 TypeScript 타입입니다. 해당 오류는 주로 JSX나 컴포넌트에서 bigint 타입의 값을 ReactNode로 사용하려고 했기 때문입니다. 2. 방법 아래의 두가지 방식으로 해결 할 수 있습니다. const myBigInt: bigint = BigInt(1234567890); // ... {myBigInt.toS..

• format_list_bulleted WEB/TypeScript
• · 2023. 8. 20.
• textsms

[TypeScript] 타입스크립트 오브젝트 타입의 특징

2023-03-22 1. 정의 공식문서에 따르면 TypeScript에서 Object는 하나로 정의 되는 타입이 아니라고 한다. 아래의 코드를 살펴보자. interface Pointlike { x: number; y: number; } interface Named { name: string; } function logPoint(point: Pointlike) { console.log("x = " + point.x + ", y = " + point.y); } function logName(x: Named) { console.log("Hello, " + x.name); } const obj = { x: 0, y: 0, name: "Origin", }; logPoint(obj); logName(obj); Poi..

• format_list_bulleted WEB/TypeScript
• · 2023. 3. 22.
• textsms

[TypeScript] 타입스크립트 인터페이스 사용방법 및 Type과 차이점

2023-03-15 1. 방법 사용 방법은 아래와 같다. interface는 대부분 type 키워드와 동일한 역할을 하지만, Object 객체 타입을 명시할 때 사용하는 경우가 많다. interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName; } 객체 지향적인 언어를 사용해 봤다면 interface를 class가 받아 구현체로 사용할 수도 있다. 여기서 키워드 implements 를 사용하는데 type 역시 해당 키워드 사용이 가능하다. class Player implements Person..

• format_list_bulleted WEB/TypeScript
• · 2023. 3. 15.
• textsms