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)

ํƒœ๊ทธ

  • Props
  • react
  • ์ฝ”๋”ฉ์• ํ”Œ
  • array
  • CSS
  • Ajax
  • class
  • useEffect
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • json
  • JavaScript
  • axios
  • ์‚ผํ•ญ์—ฐ์‚ฐ์ž
  • state
  • object
  • CS
  • ์˜ค๋ฅ˜
  • UXUI
  • TypeScript
  • redux
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
hELLO ยท Designed By ์ •์ƒ์šฐ.
Zoeeey

Stack flows in you

๐Ÿ“˜ TypeScript/๊ฐœ๋…

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํƒ€์ž… ์œ ์ถ”(Type Inference)

2023. 12. 7. 13:09

TypeScript๋Š” ์ •์  ํƒ€์ž… ์–ธ์–ด๋กœ, ๋ณ€์ˆ˜, ๋งค๊ฐœ๋ณ€์ˆ˜, ๋ฐ˜ํ™˜๊ฐ’ ๋“ฑ์˜ ํƒ€์ž…์„ ๋ช…์‹œ์ ์œผ๋กœ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ TypeScript๋Š” ํƒ€์ž… ์œ ์ถ”(Type Inference)๋ผ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ, ํƒ€์ž…์„ ๋ช…์‹œ์ ์œผ๋กœ ์„ ์–ธํ•˜์ง€ ์•Š์•„๋„ ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•˜์—ฌ ํƒ€์ž…์„ ์œ ์ถ”ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.


๋ณ€์ˆ˜ ์„ ์–ธ

let myNumber = 10; // ์ž๋™์œผ๋กœ number ํƒ€์ž…์œผ๋กœ ์œ ์ถ”
let myString = "Hello"; // ์ž๋™์œผ๋กœ string ํƒ€์ž…์œผ๋กœ ์œ ์ถ”

๋งค๊ฐœ๋ณ€์ˆ˜์™€ ๋ฐ˜ํ™˜๊ฐ’

function add(x, y) {
    return x + y; // x์™€ y๋ฅผ ์ž๋™์œผ๋กœ any ํƒ€์ž…์œผ๋กœ ์œ ์ถ”
}

let result = add(5, 10); // result๋ฅผ number ํƒ€์ž…์œผ๋กœ ์œ ์ถ”

๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด

let numbers = [1, 2, 3]; // number[] ํƒ€์ž…์œผ๋กœ ์œ ์ถ”
let person = { name: "John", age: 30 }; // { name: string, age: number } ํƒ€์ž…์œผ๋กœ ์œ ์ถ”

ํ•จ์ˆ˜ ๋ฆฌํ„ด

function multiply(a: number, b: number) {
    return a * b; // ๋ฆฌํ„ด๊ฐ’์„ ์ž๋™์œผ๋กœ number ํƒ€์ž…์œผ๋กœ ์œ ์ถ”
}

์ถœ์ฒ˜ : TypeScript Documentation https://www.typescriptlang.org/docs/handbook/2/objects.html

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿ“˜ TypeScript > ๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ HTML ์กฐ์ž‘์‹œ ์ฃผ์˜์  (1)  (0) 2023.12.17
[์ฝ”๋”ฉ์• ํ”Œ] ํ•จ์ˆ˜์™€ object ๋ฉ”์„œ๋“œ์— type alias ์ง€์ •ํ•˜๊ธฐ  (0) 2023.12.13
[์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์„ ํŠน์ • ๊ฐ’์œผ๋กœ ์ง€์ •ํ•˜์ž : Literal Types (+ as const)  (0) 2023.12.13
[์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์„ ๋ณ€์ˆ˜์— ๋‹ด์ž : type alias  (0) 2023.12.11
[์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํƒ€์ž… ์ง€์ • ๋ฐฉ๋ฒ•  (0) 2023.12.07
    '๐Ÿ“˜ TypeScript/๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [์ฝ”๋”ฉ์• ํ”Œ] ํ•จ์ˆ˜์™€ object ๋ฉ”์„œ๋“œ์— type alias ์ง€์ •ํ•˜๊ธฐ
    • [์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์„ ํŠน์ • ๊ฐ’์œผ๋กœ ์ง€์ •ํ•˜์ž : Literal Types (+ as const)
    • [์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์„ ๋ณ€์ˆ˜์— ๋‹ด์ž : type alias
    • [์ฝ”๋”ฉ์• ํ”Œ] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํƒ€์ž… ์ง€์ • ๋ฐฉ๋ฒ•
    Zoeeey
    Zoeeey
    ๊ธธ๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ์งง๊ฒŒ ๊ทธ๋ฆฌ๊ธฐ

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