νμ μΆλ‘ μ΄λ νμ μ€ν¬λ¦½νΈκ° μ½λλ₯Ό ν΄μν΄ λκ°λ λμμ μλ―Έν©λλ€.
β νμ μΆλ‘ μ κΈ°λ³Έ
let x = 3;
- μμ κ°μ΄
x
μ λν νμ μ λ°λ‘ μ§μ νμ§ μλλΌλ μΌλ¨x
λnumber
λ‘ κ°μ£Όλ©λλ€. - μ΄λ κ² λ³μλ₯Ό μ μΈνκ±°λ μ΄κΈ°ν ν λ νμ μ΄ μΆλ‘ λ©λλ€.
- μ΄μΈμλ λ³μ, μμ±, μΈμμ κΈ°λ³Έ κ°, ν¨μμ λ°ν κ° λ±μ μ€μ ν λ νμ μΆλ‘ μ΄ μΌμ΄λ©λλ€.
β μΈν°νμ΄μ€μ μ λ€λ¦μ μ΄μ©ν νμ μΆλ‘
interface Dropdown<T>{
value: T;
title: string;
}
let shoppingItem: Dropdown<string> = {
value: 'abc',
title: 'hello'
}
- μ λ€λ¦μ μ΄μ©ν΄
string
μ λκ²ΌκΈ° λλ¬Έμ,value
μ νμ μstring
μ΄ λ©λλ€.
interface Dropdown<T>{
value: T;
title: string;
}
interface DetailedDropdown<T> extends Dropdown<T> {
description: string;
tag : T;
// μ묡μ μΌλ‘ value, title λ€μ΄μ¨λ€.
}
let detailedItem: DetailedDropdown<string> = {
title: 'abc',
description: 'ab',
value: 'a', // stringμ΄λΌκ³ μ μ.
tag: 'b'
}
β κ°μ₯ μ μ ν νμ (Best Common Type)
let arr = [1,2,3]; // number[]
let arr1 = [1,2,true] // (number | boolean)[]
- κ°μ₯ κ·Όμ ν νμ μ μΆλ‘ νλ λ» μ λλ€. ( λͺ¨λ κ° μ μ λμ¨μΌλ‘ λ¬Άμ΄λκ°λ€. )
μ°Έκ³
'π Front-End > TypeScript' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
νμ κ°λ(Type Guard) (0) | 2022.10.23 |
---|---|
νμ λ¨μΈ(Type Assertion) (0) | 2022.10.23 |
μ λ€λ¦(Generics) (0) | 2022.10.23 |
νμ μ€ν¬λ¦½νΈμ ν΄λμ€ (0) | 2022.10.23 |
Enum ( μ΄λ ) (0) | 2022.10.22 |