Types

  • ํƒ€์ž… ์ง€์ •ํ•˜๊ธฐ

    โ€“> ํŒŒ๋ผ๋ฏธํ„ฐ: ํƒ€์ž…

    image

    =>๋งŽ์€ ์ธ์ˆ˜๋“ค์„ ๋„ฃ์–ด์•ผํ•  ๋•Œ ํƒ€์ž…์„ ์ง€์ •ํ•ด์ค˜์„œ ์‰ฝ๊ฒŒ ์•Œ ์ˆ˜ ์žˆ๊ฒŒ

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

    => ํ•จ์ˆ˜: ๋ฆฌํ„ด ์œ ํ˜•

    ex)

    image

TSC watch

  1. tsc watch ํŒจํ‚ค์ง€ ๋‹ค์šด

โ€‹ npm add tsc-watch โ€“dev

โ€‹ => watch ๋ชจ๋“œ์—์„œ ์ปดํŒŒ์ผ์„ ์‹œ์ž‘

โ€‹ ->src์—์„œ ๋ฌด์–ธ๊ฐ€ ๋ฐ”๊ฟ€๋•Œ๋งˆ๋‹ค dist๊ฐ€ ๋ฐ”๋€Œ๋„๋ก ํ•˜๊ณ  ์ €์žฅํ•˜๋ฉด node ์ž‘์—…์ด ์ง„ํ–‰๋จ

  1. srcํŒŒ์ผ๊ณผ distํŒŒ์ผ ๋งŒ๋“ค๊ธฐ

    ->src์—์„œ ๋ชจ๋“  ๊ฒƒ์„ ์ปดํŒŒ์ผ ํ•  ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์—, src๋กœ index.ts ์ด๋™

  2. package.json

    start ๋ฐ”๊ฟ”์ฃผ๊ธฐ

    image

  3. tsconfig.json

    include๋ถ€๋ถ„ ๋ฐ”๊ฟ”์ฃผ๊ธฐ & outDir ์„ค์ •

    image

  4. gitignore

    -> dist ์ถ”๊ฐ€

    => ๋ชจ๋“  typescript๋Š” src๋กœ ๋“ค์–ด๊ฐ€๊ณ  ์ปดํŒŒ์ผ ๋œ ๊ฒƒ๋“ค์€ dist๋กœ ๋“ค์–ด๊ฐ

->src์—์„œ ๋ฌด์–ธ๊ฐ€ ๋ฐ”๊ฟ€๋•Œ๋งˆ๋‹ค dist๊ฐ€ ๋ฐ”๋€Œ๋„๋ก ํ•˜๊ณ  ์ €์žฅํ•˜๋ฉด node ์ž‘์—…์ด ์ง„ํ–‰๋จ

Interfaces on Typescript

  • function์— object ์ „๋‹ฌํ•˜๋Š” ๋ฒ•

    -> ์ธํ„ฐํŽ˜์ด์Šค ์ƒ์„ฑํ•˜๊ธฐ(js์—์„œ ์ž‘๋™ ์•ˆํ•จ)

    โ€‹image **๊ทธ ๋‹ค์Œ ์„ค์ •ํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํƒ€์ž…์œผ๋กœ ํ•˜๋Š” ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ๋„ฃ์Œ! **(js์—์„œ ์ž‘๋™ ์•ˆํ•จ)

    ๊ทธ๋ฆฌ๊ณ  interface ์†์„ฑ์„ โ€˜.โ€™์œผ๋กœ ์ ‘๊ทผ

image