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

[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ „์šฉ ์˜ˆ์‹œ] ๊ฐ์ฒด์ง€ํ–ฅ 4๊ฐ€์ง€ ์›์น™

2022. 4. 17. 17:40
728x90

์ข‹์€ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€,

๊ฐ€. ์บก์Аํ™”๊ฐ€ ์ž˜ ๋˜์–ด ์žˆ์Œ

๋‚˜. ๋›ฐ์–ด๋‚œ ์ถ”์ƒ์„ฑ

๋‹ค. ์ƒ์†(์ฝ”๋“œ ์žฌ์‚ฌ์šฉ)

 

๊ฐ€,๋‚˜,๋‹ค๋ฅผ ํ†ตํ•ด์„œ ๋ผ. ๋‹คํ˜•์„ฑ์„ ์ถ”๊ตฌํ•œ๋‹ค. 

 

 

<์บก์Аํ™”>

์ ˆ์ฐจ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋Š” ๋ฐ์ดํ„ฐ์™€ ํ•จ์ˆ˜๊ฐ€ ๋‹ค ์„ž์—ฌ์žˆ๋‹ค. 

์—ฌ๊ธฐ์„œ ๊ด€๋ จ์ด ์žˆ๋Š” ๋ฐ์ดํ„ฐ์™€ ํ•จ์ˆ˜๋“ค์„ ๋ฌถ๋Š” ๊ฒƒ์„ '์บก์Аํ™”'๋ผ๊ณ  ํ•œ๋‹ค. ๋˜ํ•œ ์™ธ๋ถ€์— ๋…ธ์ถœํ•  ํ•„์š”๊ฐ€ ์—†๋Š” ๋ฐ์ดํ„ฐ๋“ค์„ ์ž˜ ์ˆจ๊ธฐ๋Š” ๊ฒƒ์ด๊ธฐ๋„ ํ•˜๋‹ค.

(์˜ˆ์‹œ1 : ๊ฐ๊ธฐ์•ฝ์˜ ์˜ˆ์‹œ, ํ™˜์ž๋“ค์€ ์˜์‚ฌ๊ฐ€ ๊ฑด๋„ค์ค€ ์บก์А ๊ฐ๊ธฐ์•ฝ ํ•˜๋‚˜๋งŒ ๋จน์œผ๋ฉด ๋œ๋‹ค. ๊ทธ ์บก์А์•ˆ์˜ ๊ฐ€๋ฃจ๊ฐ€ ์–ด๋–ค ์„ฑ๋ถ„๋“ค์ด ์„ž์—ฌ ์žˆ๋Š”์ง€๋Š” ๋ชฐ๋ผ๋„ ๋œ๋‹ค.)

(์˜ˆ์‹œ2 : ๊ณ ์–‘์ด์˜ ์ƒํƒœ๋Š” ์™ธ๋ถ€์—์„œ ์ง์ ‘์ ์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค.(์Šฌํ””, ์•„ํ””, ๊ธฐ์จ, ํ‰์˜จ ๋“ฑ...) ๋‹จ ์ฃผ์ธ์ด ๋†€์•„์ฃผ๊ณ  ๋จน์ด๋ฅผ ์ฃผ๋Š” ๋“ฑ์˜ ํ–‰์œ„(์™ธ๋ถ€ ํ•จ์ˆ˜)๋ฅผ ๊ฐ€ํ•จ์œผ๋กœ์จ ๊ณ ์–‘์ด์˜ ๋‚ด๋ถ€ ์ƒํƒœ์— ๋ณ€ํ™”๋ฅผ ์ฃผ์—ˆ๋‹ค๋ฉด incapsulation ์ด๋‹ค.

 

 

<์ถ”์ƒํ™”>

์ปคํ”ผ๋จธ์‹ ์ด ์žˆ๋‹ค๊ณ  ์น˜๋ฉด ๋‚ด๋ถ€์˜ ๋ณต์žกํ•œ ๊ธฐ๋Šฅ์„ ๋‹ค ์ดํ•ดํ•˜์ง€ ์•Š๊ณ , ์™ธ๋ถ€์—์„œ ๊ฐ„๋‹จํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํ†ตํ•ด์„œ ์“ธ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค. ๋ฒ„ํŠผ๋งŒ ๋ˆ„๋ฅด๋ฉด ์ปคํ”ผ๊ฐ€ ๋‚˜์˜ค๋“ฏ์ด. 

์บก์Аํ™”๋ฅผ ์ด์šฉํ•˜๋ฉด ์™ธ๋ถ€์—์„œ๋Š” ๋‚ด๋ถ€๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„๋˜์–ด ์žˆ๋Š”์ง€, ๊ทธ ๋ณต์žก๋„๊ฐ€ ์–ผ๋งˆ๋‚˜ ๋†’์€์ง€ ์‹ ๊ฒฝ ์“ธ ํ•„์š”์—†์ด ์™ธ๋ถ€์—์„œ๋งŒ ๋ณด์ด๋Š” function()์„ interface ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์˜ค๋ธŒ์ ํŠธ(์ปคํ”ผ๋จธ์‹ )๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

<์ƒ์†>

์Œ๋ฃŒ ๋จธ์‹  ์„ค๊ณ„๋„๋ฅผ ์ž˜ ์งœ๋†“์œผ๋ฉด ๊ทธ๊ฒƒ์œผ๋กœ ์•ฝ๊ฐ„์˜ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๋ณ€๊ฒฝํ•ด์„œ ์ปคํ”ผ๋จธ์‹  ๋งŒ๋“ค๊ณ , ์•„์ด์Šคํฌ๋ฆผ๋จธ์‹  ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค.   

์ด์ฒ˜๋Ÿผ ์ƒ์†์„ ์ด์šฉํ•˜๋ฉด ํ•œ๋ฒˆ ์ž˜ ์ •์˜ํ•ด ๋‘” ํด๋ž˜์Šค๋ฅผ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

super-sub

base-derived

parent-child ๊ด€๊ณ„ ํ˜•์„ฑ(is-a ๊ด€๊ณ„)

์ƒ์†์„ ๋ฐ›์€ ์ž์‹ํด๋ž˜์Šค๋Š” ๋ถ€๋ชจํด๋ž˜์Šค๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ๋‹ค. 

์•„๋ž˜ ํด๋ž˜์Šค์ผ์ˆ˜๋ก ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ•จ์ˆ˜๊ฐ€ ๋งŽ์•„์ง„๋‹ค.

๋ถ€๋ชจ์ด๊ธฐ๋„ ํ•˜๋ฉด์„œ ์ž์‹ ์ด๊ธฐ๋„ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

 

๋ธŒ๋ผ์šฐ์ € DOM ์š”์†Œ๋„ ์ „๋ถ€ ์ƒ์†์œผ๋กœ ๊ตฌํ˜„๋˜์–ด ์žˆ๋‹ค.

 

<๋‹คํ˜•์„ฑ>  

๋ถ€๋ชจ์— ์ •์˜๋œ ํ•จ์ˆ˜๋Š” ์ž์‹๋“ค์ด ์ „๋ถ€ ๊ฐ€์ง€๊ณ  ์žˆ์œผ๋ฏ€๋กœ,

ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์ž์‹๋“ค์„ ๊ณตํ†ต์ ์œผ๋กœ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ๋‹ค. 

728x90

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

[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ๊ฐ์ฒด์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹  ๋งŒ๋“ค๊ธฐ : encapsulation  (0) 2022.04.18
[ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ์ ˆ์ฐจ์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹  vs ๊ฐ์ฒด์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹   (0) 2022.04.18
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์ƒํƒœ ํ‘œ์‹œ ์˜ˆ์ œ  (0) 2022.04.17
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ขŒํ‘œ ์ด๋™ ์˜ˆ์ œ  (0) 2022.04.17
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ณ„์‚ฐ๊ธฐ ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ  (0) 2022.04.17
    'TypeScript/ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ๊ฐ์ฒด์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹  ๋งŒ๋“ค๊ธฐ : encapsulation
    • [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ์ ˆ์ฐจ์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹  vs ๊ฐ์ฒด์ง€ํ–ฅ์  ์ปคํ”ผ๋จธ์‹ 
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์ƒํƒœ ํ‘œ์‹œ ์˜ˆ์ œ
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ขŒํ‘œ ์ด๋™ ์˜ˆ์ œ
    Rainbow๐ŸŒˆCoder
    Rainbow๐ŸŒˆCoder
    ๋ชฐ๋ผ๋„ ๊ฒฐ๊ตญ์€ ์•„๋Š” ๊ฐœ๋ฐœ์ž, ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ์ด ๋˜๊ธฐ ์œ„ํ•œ ๋งค์ผ์˜ ํ•œ๊ฑธ์Œ

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