μΌ | μ | ν | μ | λͺ© | κΈ | ν |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- μλ¬
- PROJECT
- K-Digital
- νλ‘μ νΈ
- ν¨μ
- trainning
- react
- μ¨λΌμΈ
- λ³μ
- λ΄μΌλ°°μ
- type
- μκ³ λ¦¬μ¦
- API
- μ½λ©
- wil
- Redux
- νμ€
- JavaScript
- νμ
- λΆνΈμΊ ν
- λ΄μΌλ°°μμΊ ν
- 리μ‘νΈ
- Firebase
- native
- νλ‘ νΈμλ
- rn
- κ°λ°μ
- μλ°μ€ν¬λ¦½νΈ
- NEXT
- JS
Archives
- Today
- Total
Frontend κ°λ°μ - hyo.loui
νμ μ€ν¬λ¦½νΈ - Type Alias (νμ λ³μΉ) λ³Έλ¬Έ
π―λͺ©μ :
TS Type Alias (νμ λ³μΉ), μ 리 λ° λ³΅μ΅
1. Type Alias ?
νμ μ 미리 κ°μ²΄μ ννλ‘ μ μΈν΄ λ ν
νμν κ³³μμ λ³μΉμ νΈμΆνμ¬ μ¬μ©ν μ μλ€.
// Type Alias
type Hero = {
name: string;
power: number;
height: number;
gender: "λ¨" | "μ¬";
};
Hero λΌλ νμ μ λ³μΉ!
2. νμ λ³μΉμ νν
// Type Alias
type Hero = {
name: string;
power: number;
height: number;
gender: "λ¨" | "μ¬";
};
3. νμ λ³μΉμ μ μ©
const hero1: Hero = {
name: "μνΌλ§¨",
power: 100,
height: 100,
gender: "λ¨",
};
π§ͺλμ μ€νμ€
genderμ "λ¨" νΉμ "μ¬" λΌλ ν μ€νΈλ°μ λ€μ΄μ¬ μ μλ€!
4. νμ λ³μΉμ μμ±λ€ νΈμΆ
const printHero = (hero: Hero) => {
console.log(hero.name, hero.power, hero.gender);
};
printHero(hero1); // μνΌλ§¨ 100 λ¨
μ΅μ’ μ 리
- νμ μΌλΌμ΄μ΄μ€λ κ°μ²΄μ ννλ‘ key: value(type) κ° μ μ₯λλ€
- νμ μ νλ² μ μνκ³ νμν κ³³μ λ°λ³΅ν΄μ μ¬μ©ν μ μλ€
- μ₯μ : μμ±ν΄μΌ ν μ½λ μμ μ€μΌ μ μμΌλ©°, μ½λκ° κ°κ²°νκ³ μ μ§λ³΄μκ° μ½λ€
'Typescript' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
νμ μ€ν¬λ¦½νΈ - interface extension(μΈν°νμ΄μ€ νμ₯) (0) | 2023.01.19 |
---|---|
νμ μ€ν¬λ¦½νΈ - interface (μΈν°νμ΄μ€) (0) | 2023.01.18 |
νμ μ€ν¬λ¦½νΈ - Union (μ λμ¨) νμ (0) | 2023.01.17 |
νμ μ€ν¬λ¦½νΈ - Enum (μ΄λ) (0) | 2023.01.17 |
νμ μ€ν¬λ¦½νΈ - Function (ν¨μ) νμ (0) | 2023.01.17 |