🟦 [TypeScript] TypeScriptλž€?

μ΄μ§€ν™˜Β·2022λ…„ 3μ›” 13일

TypeScript

λͺ©λ‘ 보기
1/3
post-thumbnail

πŸ“Œ νƒ€μž…μŠ€ν¬λ¦½νŠΈλž€?

  • λ§ˆμ΄ν¬λ‘œμ†Œν”„νŠΈμ—μ„œ κ΅¬ν˜„ν•œ JavaScript의 μŠˆνΌμ…‹ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄λ‘œ, ν™•μž₯μžλŠ” .ts 이며, 컴파일의 κ²°κ³Όλ¬Όλ‘œλŠ” JavaScript μ½”λ“œλ‘œ 좜λ ₯ν•œλ‹€. μ΅œμ’…μ μœΌλ‘œ JS μ½”λ“œ 둜 κ΅¬λ™λœλ‹€.
  • 정적 νƒ€μž…μ„ λͺ…μ‹œν•  수 μžˆλŠ”κ²ƒμ΄ 순수 JSμ™€μ˜ κ°€μž₯ 큰 차이점이닀. 개발자의 μ˜λ„ν•œ λ³€μˆ˜λ‚˜ ν•¨μˆ˜ λ“±μ˜ λͺ©μ μ„ λ”μš± λͺ…ν™•ν•˜κ²Œ 전달할 수 있고, 잘λͺ»λœ μ‚¬μš©μœΌλ‘œ μΈν•œ ν”Όλ“œλ°±μ„ 받을 수 μžˆμœΌλ―€λ‘œ μ‚¬μš©ν•˜κΈ° 전에 μžˆμ„λ§Œν•œ νƒ€μž… μ—λŸ¬λ“€μ„ 미리 μž‘μ•„ μ£Όμ–΄ 생산성을 ν–₯μƒμ‹œν‚¬ 수 μžˆλ‹€.

πŸ“Œ λ‚΄κ°€ 배우고 싢은 이유

  1. λ‚΄κ°€ μ’‹μ•„ν•˜λŠ” JSλ₯Ό μ’€ 더 배우고 μ‹Άμ€κ²Œ 제일 큰 μ΄μœ λ‹€.
  2. 싀무λ₯Ό μ§„ν–‰ν•˜λ©° μžμ£Όλ³΄λŠ” λŸ°νƒ€μž„ 였λ₯˜λ₯Ό μ‘°κΈˆμ΄λ‚˜λ§ˆ 쀄이고 μ‹Άμ–΄μ„œ.
  3. ꡬ인에 μžˆμ–΄ μš°λŒ€μ‚¬ν•­μ— 자주 μ–ΈκΈ‰λ˜λ―€λ‘œ 이직 μ‹œ μš°λŒ€λ₯Ό λ°›κΈ° μœ„ν•΄μ„œ.
  4. μŠ€νƒ μ˜€λ²„ν”Œλ‘œ(Stack Overflow) μ„€λ¬Έμ‘°μ‚¬μ—μ„œ κ°œλ°œμžκ°€ μ‚¬λž‘ν•˜λŠ” μ–Έμ–΄ 2μœ„μ— μ˜¬λžκΈ°μ— λ‚˜λ„ μ‚¬λž‘ν•˜κ³  μ‹Άμ–΄μ„œ.
  5. μŠˆνΌμ…‹(Superset) 즉 μΆ”κ°€ 문법이기 λ•Œλ¬Έμ— κΈ°μ‘΄ μ½”λ“œμ— 적용이 쉽고 접근성이 μ’‹μ•„μ„œ.

πŸ“Œμ˜ˆμ‹œ

// JS
const a = 3;
const b = '5';
console.log(a*b) // runtype error

μ‹€ν–‰ μ „μ—λŠ” μ—λŸ¬μΈμ§€ μ•Œλ €μ£Όμ§€ μ•ŠλŠ” 우리의 JS

// TS
const a:number = 3;
const b:string = '5';
console.log(a*b) // compile error

μ½”λ”© 쀑 잘λͺ»λœ 점을 μ§šμ–΄μ£ΌλŠ” μΉœμ ˆν•œ 우리의 TS


πŸ“Ž κ΄€λ ¨ 링크

profile
λˆ„κ΅¬λ‚˜ μ›ν•˜λŠ” μ‚¬λžŒ 되기🀧 μ£Όλ‹ˆμ–΄ λ°±μ—”λ“œ 개발자의 log

0개의 λŒ“κΈ€