์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 | 29 | 30 |
Tags
- type
- ์จ๋ผ์ธ
- ๋ฆฌ์กํธ
- Firebase
- wil
- JS
- ๊ฐ๋ฐ์
- K-Digital
- ์๋ฐ์คํฌ๋ฆฝํธ
- ํจ์
- rn
- ๋ด์ผ๋ฐฐ์์บ ํ
- native
- ํ๋ก ํธ์๋
- ๋ถํธ์บ ํ
- ์๊ณ ๋ฆฌ์ฆ
- PROJECT
- ๋ณ์
- ํ์ค
- ํ๋ก์ ํธ
- trainning
- ํ์
- API
- ์ฝ๋ฉ
- react
- Redux
- ๋ด์ผ๋ฐฐ์
- JavaScript
- NEXT
- ์๋ฌ
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 |