Zoeeey
Stack flows in you
Zoeeey
  • λΆ„λ₯˜ 전체보기 (155)
    • πŸ’‘ UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • κ°œλ… (42)
      • 정리 (2)
      • λ¬Έμ œν’€κΈ° (ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€, μ½”λ”©μ• ν”Œ) (15)
      • μ‘μš©ν•˜μ—¬ μžλ™ν™”orλ¬Έμ œν•΄κ²°ν•˜κΈ° (2)
      • 기타 (5)
    • βš›οΈ React (49)
      • κ°œλ… (27)
      • κ°œλ…(Redux) (3)
      • 정리 (4)
      • λ¬Έμ œν’€κΈ° (μ½”λ”©μ• ν”Œ: React) (15)
    • πŸ“˜ TypeScript (10)
      • κ°œλ… (8)
      • λ¬Έμ œν’€κΈ° (μ½”λ”©μ• ν”Œ) (2)
    • 🌐 HTML,CSS (18)
      • μ‹€λ¬΄μ—μ„œ 자주 λ°œμƒν•œ 였λ₯˜λ“€ (10)
      • λ’€λŠ¦κ²Œ μ•Œμ•„μ„œ λΌˆμ•„ν”ˆ μœ μš©ν•œ CSS (6)
      • 기타 자주 μ“°λŠ” CSS (2)
    • πŸ’» CS (8)
      • CS (5)
      • μ •κ·œν‘œν˜„μ‹ (2)
      • Git,Github (1)

νƒœκ·Έ

  • μ½”λ”©μ• ν”Œ
  • state
  • UXUI
  • redux
  • react
  • CS
  • μ‚Όν•­μ—°μ‚°μž
  • json
  • axios
  • TypeScript
  • Props
  • class
  • ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€
  • 였λ₯˜
  • CSS
  • JavaScript
  • array
  • Ajax
  • useEffect
  • object
전체 방문자
였늘
μ–΄μ œ
hELLO Β· Designed By μ •μƒμš°.
Zoeeey

Stack flows in you

πŸ“˜ TypeScript/κ°œλ…

[μ½”λ”©μ• ν”Œ] ν•¨μˆ˜μ™€ object λ©”μ„œλ“œμ— type alias μ§€μ •ν•˜κΈ°

2023. 12. 13. 14:05

ν•¨μˆ˜ type alias

ν•¨μˆ˜ νƒ€μž…λ„ type alias둜 μ €μž₯ν•΄μ„œ μ“Έ 수 μžˆλ‹€.

type NumOut = (x : number, y : number ) => number 
let ABC :NumOut = function(x,y){
  return x + y
}

function ν‚€μ›Œλ“œμ—λŠ” νŒŒλΌλ―Έν„° λ‚΄λΆ€λ‚˜ {} λ°”λ‘œ μ™Όμͺ½μ—λ§Œ νƒ€μž…μ§€μ •μ΄ κ°€λŠ₯ν•˜κΈ° λ•Œλ¬Έμ— function ν•¨μˆ˜μ΄λ¦„ :NumOut (){} ν˜•νƒœλŠ” μ‚¬μš©ν•  수 μ—†μ–΄μ„œ μœ„ μ½”λ“œμ²˜λŸΌ μ‚¬μš©ν•œλ‹€.

*** μ£Όμ˜μ‚¬ν•­ : ν•¨μˆ˜ type aliasλ₯Ό λΆ€μ°©ν•˜λ €λ©΄ ν•¨μˆ˜ν‘œν˜„μ‹μœΌλ‘œ 써야 ν•œλ‹€.


object λ©”μ„œλ“œ type alias

type Member = {
  name : string,
  age : number,
  plusOne : ( x :number ) => number,
  changeName : () => void
}
let memberData :Member = {
  name : 'kim',
  age : 30,
  plusOne (x){
    return x + 1;
  },
  changeName : () => {
    console.log('μ•ˆλ…•');
  }
}
memberData.plusOne(1);
memberData.changeName();

좜처 : μ½”λ”©μ• ν”Œ https://codingapple.com/ / TypeScript Documentation https://www.typescriptlang.org/docs/handbook/2/objects.html

μ €μž‘μžν‘œμ‹œ λΉ„μ˜λ¦¬ 동일쑰건 (μƒˆμ°½μ—΄λ¦Ό)

'πŸ“˜ TypeScript > κ°œλ…' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

[μ½”λ”©μ• ν”Œ] νƒ€μž…μŠ€ν¬λ¦½νŠΈ HTML μ‘°μž‘μ‹œ 주의점 (2) : 더 narrowingν•˜κΈ°  (1) 2023.12.17
[μ½”λ”©μ• ν”Œ] νƒ€μž…μŠ€ν¬λ¦½νŠΈ HTML μ‘°μž‘μ‹œ 주의점 (1)  (0) 2023.12.17
[μ½”λ”©μ• ν”Œ] νƒ€μž…μ„ νŠΉμ • κ°’μœΌλ‘œ μ§€μ •ν•˜μž : Literal Types (+ as const)  (0) 2023.12.13
[μ½”λ”©μ• ν”Œ] νƒ€μž…μ„ λ³€μˆ˜μ— λ‹΄μž : type alias  (0) 2023.12.11
νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž… μœ μΆ”(Type Inference)  (0) 2023.12.07
    'πŸ“˜ TypeScript/κ°œλ…' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€
    • [μ½”λ”©μ• ν”Œ] νƒ€μž…μŠ€ν¬λ¦½νŠΈ HTML μ‘°μž‘μ‹œ 주의점 (2) : 더 narrowingν•˜κΈ°
    • [μ½”λ”©μ• ν”Œ] νƒ€μž…μŠ€ν¬λ¦½νŠΈ HTML μ‘°μž‘μ‹œ 주의점 (1)
    • [μ½”λ”©μ• ν”Œ] νƒ€μž…μ„ νŠΉμ • κ°’μœΌλ‘œ μ§€μ •ν•˜μž : Literal Types (+ as const)
    • [μ½”λ”©μ• ν”Œ] νƒ€μž…μ„ λ³€μˆ˜μ— λ‹΄μž : type alias
    Zoeeey
    Zoeeey
    길게 μƒκ°ν•˜κ³  짧게 그리기

    ν‹°μŠ€ν† λ¦¬νˆ΄λ°”