250x250
Rainbow๐ŸŒˆCoder
My dev Note๐Ÿ“’
Rainbow๐ŸŒˆCoder
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (411)
    • ๊ณต์ง€์‚ฌํ•ญ (0)
    • Debugger (10)
      • Visual Studio Debugger (1)
      • Chrome DevTools (3)
      • Visual Studio Code Debugger (4)
      • eclipse (1)
      • intelliJ (1)
    • OOP (2)
      • OOP (2)
    • TypeScript (54)
      • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript (54)
    • Javascript (87)
      • Javascript (45)
      • Node.js (19)
      • React (5)
      • FE ๊ฐœ๋ฐœํ™˜๊ฒฝ์„ค์ • (3)
      • React์™€ Node ๊ฐ™์ด ๋•Œ๋ ค์žก๊ธฐ (6)
      • next.js (2)
      • pixi.js (7)
    • ๋งˆํฌ์—… (23)
      • Html & Css (23)
    • C# (80)
      • C# (12)
      • ์ด๊ฒƒ์ด C#์ด๋‹ค (68)
    • C++ (30)
      • c++ (27)
      • win api (3)
    • Unity (18)
      • Unity(๊ธฐ์ดˆ) (8)
      • Unity(C#์ค‘๊ธ‰) (5)
      • ์œ ๋‹ˆํ‹ฐ ํฌํ†ค(๋„คํŠธ์›Œํฌ) (4)
      • unity c# MyCode (1)
    • Java & Spring (29)
      • Java (11)
      • ์Šคํ”„๋ง (8)
      • Java Algorithm (9)
      • Javs Data Structures (1)
    • ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (15)
      • ์ž๋ฃŒ๊ตฌ์กฐ (5)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (10)
    • ํ˜•์ƒ๊ด€๋ฆฌ (15)
      • Git (11)
      • ์†Œ์ŠคํŠธ๋ฆฌ (3)
    • ๊ทธ๋ž˜ํ”ฝ์Šค (7)
      • WebGl (7)
    • AWS (3)
      • aws (3)
    • ๋ฆฌ๋ˆ…์Šค (5)
      • ๋ฆฌ๋ˆ…์Šค (5)
    • ์ฑ… ๋ฆฌ๋ทฐ (13)
      • ํด๋ฆฐ์ฝ”๋“œ(์ฑ…๋ฆฌ๋ทฐ) (3)
      • ์œ ์ง€๋ณด์ˆ˜๊ฐ€๋Šฅํ•œ์ฝ”๋”ฉ์˜๊ธฐ์ˆ C#ํŽธ(์ฑ…๋ฆฌ๋ทฐ) (1)
      • ๋ฆฌํŒฉํ† ๋ง(์ž๋ฐ”์Šคํฌ๋ฆฝํŠธํŒ) (9)
    • Server (2)
      • ๊ฒŒ์ž„ ์„œ๋ฒ„(๋„คํŠธ์›Œํฌ, ๋ฉ€ํ‹ฐ์“ฐ๋ ˆ๋“œ,OS) (2)
    • ์„ค๊ณ„, ์•„ํ‚คํ…์ณ (4)
    • ํŒŒ์ด์ฌ (5)
    • ๋””์ž์ธํŒจํ„ด (2)
    • mocha (2)
    • Jest (1)
    • Spine (1)
    • ์ธ๊ณต์ง€๋Šฅ (1)
      • ํ˜ผ์ž๊ณต๋ถ€ํ•˜๋Š”๋จธ์‹ ๋Ÿฌ๋‹+๋”ฅ๋Ÿฌ๋‹ (1)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์œ„์ž„
  • ์ปดํฌ์ง€์…˜
  • MySQL
  • ใ…ฃใ„ท

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
Rainbow๐ŸŒˆCoder

My dev Note๐Ÿ“’

TypeScript/ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์“ฐ๋Š” ์ด์œ , type alias์™€ String Literal Types

2022. 4. 15. 14:42
728x90

type alias(๋‚ด๊ฐ€ ์ƒˆ๋กœ์šด ํƒ€์ž…์„ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค)๋ฅผ ์ด์šฉํ•˜๋ฉด ๊ธฐ๋ณธ์ ์ธ ํƒ€์ž…๋ถ€ํ„ฐ ๋ณต์žกํ•˜๊ณ  ์ •๊ตํ•œ ํƒ€์ž…๊นŒ์ง€ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

๊ฐ€๋ น

type Text = string;
 
์œ„์™€ ๊ฐ™์ด ์ž‘์„ฑํ•˜๋ฉด 
Text๋ผ๋Š” ์ƒˆ๋กœ์šด ํƒ€์ž…์€ ๋ฌธ์ž์—ด์„ ๋งํ•œ๋‹ค๊ณ  ์ง€์ •ํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.
 
type Text = string;
const name: string = "ํ™๊ธธ๋™";
const nickName: Text = "ํ™ฉ์ง„์ด";
console.log(name); //ํ™๊ธธ๋™
console.log(nickName); //ํ™ฉ์ง„์ด

type alias ๋ฅผ ํ†ตํ•ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํŠน์ • ํ”„๋กœํผํ‹ฐ๊ฐ€ ๊ฐ•์ œ๋œ ๊ฐ์ฒด ํƒ€์ž…์„ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋ณ€์ˆ˜์˜ ํƒ€์ž…์„ type alias๋กœ ์ž‘์„ฑํ•œ ๊ฒƒ์œผ๋กœ ์ง€์ •ํ•ด์ฃผ๋ฉด

ํŠน์ • ํ”„๋กœํผํ‹ฐ๋งŒ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ์„ ๋ฟ๋”๋Ÿฌ

ํŠน์ • ํ”„๋กœํผํ‹ฐ์˜ ํƒ€์ž…๋„ ๋งž๊ฒŒ ๋„ฃ์–ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.

type Address = {
  ๋„์‹œ๋ช…: string;
  ๋„๋กœ๋ช…: string;
  ๊ฑด๋ฌผ๋ฒˆํ˜ธ: number;
};
const myAddress: Address = {
  ๋„์‹œ๋ช…: "์„œ์šธํŠน๋ณ„์‹œ",
  ๋„๋กœ๋ช…: "๊ฐ•๋ณ€๋Œ€๋กœ29",
  ๊ฑด๋ฌผ๋ฒˆํ˜ธ: 239,
};

console.log(myAddress); //{ '๋„์‹œ๋ช…': '์„œ์šธํŠน๋ณ„์‹œ', '๋„๋กœ๋ช…': '๊ฐ•๋ณ€๋Œ€๋กœ29', '๊ฑด๋ฌผ๋ฒˆํ˜ธ': 239 }โ€‹

์ด๋Ÿฐ ์‹์œผ๋กœ ์ƒˆ๋กœ์šด ํƒ€์ž…์„ ์“ฐ๊ณ  ์‹ถ๋‹ค๋ฉด type alias๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

 

์›์‹œํƒ€์ž… ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์˜ค๋ธŒ์ ํŠธ ํ˜•ํƒœ๋„ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

 

์ด์™€ ์—ฐ๊ฒฐ๋œ ๋˜ ๋‹ค๋ฅธ ๋ฉ‹์ง„ ํƒ€์ž…์€ 

String Literal Types ์ด๋‹ค.

 

ํƒ€์ž…์„ ๋ฌธ์ž์—ด๋กœ๋„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๊ฒŒ ๋ฌด์Šจ ๋ง์ด๋ƒ๋ฉด,

[์˜ˆ์‹œ1]

type Name = "name";
let friendName : Name;
// friendName = '์งฑ๊ตฌ'; ์—๋Ÿฌ
friendName = "name"; //์ŠคํŠธ๋ง๋ฆฌํ„ฐ๋Ÿดํƒ€์ž…์€ ๊ฐ™์€ ์ŠคํŠธ๋ง๋งŒ ๋„ฃ์–ด์ค„ ์ˆ˜ ์žˆ๋‹ค.

[์˜ˆ์‹œ2]

type Json = "Json";
//let json :Json = '์ œ์ด์Šจ'; //์˜ค๋ฅ˜
let json = "Json";

[์˜ˆ์‹œ]

type isTrue = true;
let build1: isTrue = true;
//let build2: isTrue = false; //์—๋Ÿฌ
728x90

'TypeScript > ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ•„์ˆ˜ ํƒ€์ž…! Discriminated Union  (0) 2022.04.15
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ 1์žฅ ์—ฐ์Šต๋ฌธ์ œ | ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ถ”๋ก   (0) 2022.04.15
์ง„์ •ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์‹œ์ž‘, Union ํƒ€์ž…  (0) 2022.04.15
์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž, ๋ฐฐ์—ด, ํŠœํ”Œ  (0) 2022.04.15
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ง›๋ณด๊ธฐ  (0) 2022.03.28
    'TypeScript/ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ 1์žฅ ์—ฐ์Šต๋ฌธ์ œ | ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ถ”๋ก 
    • ์ง„์ •ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์‹œ์ž‘, Union ํƒ€์ž…
    • ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž, ๋ฐฐ์—ด, ํŠœํ”Œ
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ง›๋ณด๊ธฐ
    Rainbow๐ŸŒˆCoder
    Rainbow๐ŸŒˆCoder
    ๋ชฐ๋ผ๋„ ๊ฒฐ๊ตญ์€ ์•„๋Š” ๊ฐœ๋ฐœ์ž, ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ์ด ๋˜๊ธฐ ์œ„ํ•œ ๋งค์ผ์˜ ํ•œ๊ฑธ์Œ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”