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

[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ํƒ€์ž…๋ณ„์นญ ์ธํ„ฐ์„น์…˜์— ์˜ํ•œ ํ™•์žฅ

2022. 4. 26. 17:42
728x90

์œ„์™€ ๊ฐ™์ด ์„ธ๊ฐœ์˜ ํƒ€์ž…๋ณ„์นญ์„ ๋‘์—ˆ๋‹ค.

์ด๋ฅผ ํ† ๋Œ€๋กœ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์‹คํ—˜์„ ํ•ด๋ณผ ๊ฒƒ์ด๋‹ค.

 

ํƒ€์ž… ๋ณ„์นญ์€ extends๋ผ๋Š” ๋ช…๋ น์–ด๊ฐ€ ์—†๊ณ  ์ธํ„ฐ์„น์…˜(&)๋ฅผ ์ด์šฉํ•ด ํ™•์žฅํ•œ๋‹ค.

type TreeNode = {
  value: string;
};

type LeafNode = TreeNode & {
  isLeaf: true;
};

type InnerNode = TreeNode & {
  children: [TreeNode] | [TreeNode, TreeNode];
};

1.

let a: TreeNode = { value: "a" }; //ํ†ต๊ณผ
let a1: TreeNode = { value: "a" , isLeaf: true};
                                  ~~~~~~~~~~~~~

2.

let b: LeafNode = { value: "b", isLeaf: true }; //ํ†ต๊ณผ
let b_test1: LeafNode = {isLeaf: true };
    ~~~~~~~
let b_test2: LeafNode = { value: "b"};
    ~~~~~~~
let b_test3: LeafNode = { value: "b", isLeaf: true, children: [b] };
                                                    ~~~~~~~~~~~~~

 

3.

let c_test1: InnerNode = { value: "c", children: [b] };
let c_test2: InnerNode = { value: "c" };
    ~~~~~~~
let c_test3: InnerNode = { children: [b] };
    ~~~~~~~
let c_test4: InnerNode = { value: "c", children: [b], isLeaf: true };
                                                      ~~~~~~~~~~~~

 

<๊ฐ€๋Šฅํ•œ ๊ฒƒ ๋ชจ์Œ>

type TreeNode = {
  value: string;
};

type LeafNode = TreeNode & {
  isLeaf: true;
};

type InnerNode = TreeNode & {
  children: [TreeNode] | [TreeNode, TreeNode];
};

let a: TreeNode = { value: "a" }; //ํ†ต๊ณผ
let b: LeafNode = { value: "b", isLeaf: true }; //ํ†ต๊ณผ
let c: InnerNode = { value: "c", children: [b] }; //ํ†ต๊ณผ
728x90

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

[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ(Typescript Compiler, TSC)  (0) 2022.04.27
[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ํ•œ์ •๋œ ๋‹คํ˜•์„ฑ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ด์ง„ํŠธ๋ฆฌ ์˜ˆ์ œ ๋ถ„์„  (0) 2022.04.26
[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ์ œ๋„ค๋ฆญ ํƒ€์ž… ๋ณ„์นญ  (0) 2022.04.26
[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ts(2584) 'document' ์ด๋ฆ„์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋Œ€์ƒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ ค๋Š” ๊ฒฝ์šฐ 'dom'์„ ํฌํ•จํ•˜๋„๋ก 'lib' ์ปดํŒŒ์ผ๋Ÿฌ ์˜ต์…˜์„ ๋ณ€๊ฒฝํ•ด ๋ณด์„ธ์š”.  (0) 2022.04.26
[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ์ œ๋„ค๋ฆญ ํƒ€์ž… ๋ช…์‹œ ์ฃผ์˜์‚ฌํ•ญ  (0) 2022.04.26
    'TypeScript/ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ(Typescript Compiler, TSC)
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ํ•œ์ •๋œ ๋‹คํ˜•์„ฑ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ด์ง„ํŠธ๋ฆฌ ์˜ˆ์ œ ๋ถ„์„
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ์ œ๋„ค๋ฆญ ํƒ€์ž… ๋ณ„์นญ
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ts(2584) 'document' ์ด๋ฆ„์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋Œ€์ƒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ ค๋Š” ๊ฒฝ์šฐ 'dom'์„ ํฌํ•จํ•˜๋„๋ก 'lib' ์ปดํŒŒ์ผ๋Ÿฌ ์˜ต์…˜์„ ๋ณ€๊ฒฝํ•ด ๋ณด์„ธ์š”.
    Rainbow๐ŸŒˆCoder
    Rainbow๐ŸŒˆCoder
    ๋ชฐ๋ผ๋„ ๊ฒฐ๊ตญ์€ ์•„๋Š” ๊ฐœ๋ฐœ์ž, ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ์ด ๋˜๊ธฐ ์œ„ํ•œ ๋งค์ผ์˜ ํ•œ๊ฑธ์Œ

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