본문 바로가기
반응형

타입스크립트3

[TypeScript] 문법 (타입 별칭, 타입 추론, 클래스) Type Aliases (타입 별칭) 새로운 이름으로 기존의 타입을 참조하는 것을 의미한다. type 키워드를 사용하여 작성한다. ❓ 타입 별칭을 사용하면? 복잡한 타입을 간략하게 표현하고, 타입 정의를 재사용하는 등 가독성을 높일 수 있다. type Person = { id: number; name: string; email: string; } //Commentary 인터페이스에서 Person 타입을 참조하고 있다. interface Commentary { id: number; content: string; user: Person; } //객체에서 Commentary 인터페이스를 참조하고 있다. let comment1: Commentary = { id: 1, content: "뭐예요?", user: {.. 2023. 5. 31.
[TypeScript] 문법 (Enum, Interface) Enum (열거형) 특정 값의 집합을 정의할 때 사용된다. JavaScript에서는 기본적으로 Enum을 지원하지 않지만 TypeScript에서는 문자형, 숫자형 Enum을 지원한다. enum "enum 이름" { enum 값 1, enum 값 2, ... } 숫자형 Enum Enum은 숫자형과 문자열형, 또는 이 둘의 조합으로 정의할 수 있다. 디폴트 값은 숫자형을 사용하며, 각 값은 자동으로 0부터 시작해서 1씩 증가한다. (수동으로 값을 지정할 수 도 있다.) // Red 1, Green 2, Blue 4로 수동 정의 enum Color { Red = 1, Green = 2, Blue = 4, } // enum의 값은 산술 연산을 수행할 수 있다. let c: Color = Color.Green; .. 2023. 5. 31.
[TypeScript] 문법 (타입, 함수, 연산자 활용) TypeScript 타입 TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원한다. ✅ 변수에 대한 타입 표기 아래 예시들과 같이 변수의 타입을 명시하는 것은 선택 사항이며 대부분의 경우 타입 표기는 필요하지 않다. 가능하다면 TypeScript는 자동으로 코드 내에 있는 타입들을 추론하고자 시도한다 ❔ 타입 추론 : 변수나 함수의 타입을 선언하지 않아도 TypeScript가 자동으로 유추하는 기능 Number (숫자) let num1: number = 7; let num2: number = 0.6878; Boolean (불리언) let isDone: boolean = false; let isShow: boolean = true; String (문자열) JavaScript처럼 큰 따.. 2023. 5. 30.
반응형