TypeScript๋ž€?

Daehyeon Yunยท2024๋…„ 8์›” 7์ผ

ํ”„๋ก ํŠธ์—”๋“œ

๋ชฉ๋ก ๋ณด๊ธฐ
13/14

๐Ÿ“– Reference

  • Copilot ์„ ์ƒ๋‹˜

๐Ÿค” TypeScript๋ž€ ๋ฌด์—‡์ผ๊นŒ?

TypeScript๋Š” JavaScript์˜ ์ƒ์œ„ ์ง‘ํ•ฉ ์–ธ์–ด๋กœ, ์ •์  ํƒ€์ž…์„ ์ง€์›ํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋ฅผ ๋” ์•ˆ์ •์ ์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ์˜ ์•ˆ์ •์„ฑ์„ ๋†’์ด๊ณ  ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์šฉ์ดํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ’ก TypeScript์˜ ํŠน์ง•

1. ์ •์  ํƒ€์ž… ์‹œ์Šคํ…œ

: TypeScript๋Š” ๋ณ€์ˆ˜, ํ•จ์ˆ˜, ํด๋ž˜์Šค ๋“ฑ์˜ ํƒ€์ž…์„ ๋ช…์‹œ์ ์œผ๋กœ ์„ ์–ธํ•˜๊ณ  ๊ฒ€์‚ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ๋ฅผ ์‚ฌ์ „์— ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2. ES6+ ์ง€์›

: TypeScript๋Š” ์ตœ์‹  ECMAScript ํ‘œ์ค€์„ ์ง€์›ํ•˜๋ฉฐ, JavaScript ์ฝ”๋“œ๋ฅผ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ๊ฐ•๋ ฅํ•œ ํƒ€์ž… ์ถ”๋ก 

: TypeScript๋Š” ํƒ€์ž…์„ ๋ช…์‹œํ•˜์ง€ ์•Š์•„๋„ TypeScript๊ฐ€ ํƒ€์ž…์„ ์ถ”๋ก ํ•˜์—ฌ ์ž๋™์œผ๋กœ ํ• ๋‹นํ•ฉ๋‹ˆ๋‹ค.

4. IDE ์ง€์›

: TypeScript๋Š” ๊ฐ์ข… ํ†ตํ•ฉ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ํƒ€์ž… ์ •๋ณด๋ฅผ ํ™œ์šฉํ•œ ์ž๋™ ์™„์„ฑ, ์˜ค๋ฅ˜ ๊ฒ€์ถœ ๋“ฑ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.


โœ… TypeScript์˜ ์žฅ๋‹จ์ ?

๐Ÿ‘ ์žฅ์ 

  • React์™€์˜ ๊ฒฐํ•ฉ : React๋Š” TypeScript์™€ ์ž˜ ์œตํ•ฉ๋˜์–ด ์žˆ์œผ๋ฉฐ, @types/react ์™€ ๊ฐ™์€ ํƒ€์ž… ์ •์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ†ตํ•ด ํƒ€์ž… ์ •๋ณด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ์•ˆ์ •์„ฑ๊ณผ ์ƒ์‚ฐ์„ฑ ๋™์‹œ ํ™•๋ณด : TypeScript๋กœ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ๋•Œ ์ƒ์‚ฐ์„ฑ๊ณผ ์ฝ”๋“œ์˜ ์•ˆ์ •์„ฑ์„ ๋™์‹œ์— ํ™•๋ณดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘Ž ๋‹จ์ 

  • ๋Ÿฌ๋‹ ์ปค๋ธŒ์˜ ๋ฒฝ : TypeScript๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ JavaScript์— ๋Œ€ํ•œ ์ˆ™๋ จ๋„๊ฐ€ ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ƒ๋Œ€์ ์œผ๋กœ Vue ๋ณด๋‹ค ๋Ÿฌ๋‹ ์ปค๋ธŒ๊ฐ€ ๋†’์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์•ฑ ๊ทœ๋ชจ์— ๋”ฐ๋ฅธ ์„ฑ๋Šฅ ์ฐจ์ด ๋ฐœ์ƒ : TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ์˜ ๊ทœ๋ชจ๊ฐ€ ์ปค์ง€๋ฉด ์ปค์งˆ์ˆ˜๋ก ์†๋„๊ฐ€ ๋А๋ ค์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ก ์š”์•ฝ

TypeScript๋Š” ์ •์  ํƒ€์ž… ์‹œ์Šคํ…œ์„ ํ†ตํ•ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์•ˆ์ •์„ฑ์„ ๋†’์ด๊ณ , React์™€์˜ ๊ฒฐํ•ฉ์œผ๋กœ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” ๊ฐ•๋ ฅํ•œ ์–ธ์–ด์ž…๋‹ˆ๋‹ค.

profile
์—ด์‹ฌํžˆ ์‚ด์•„์•ผ์ง€

0๊ฐœ์˜ ๋Œ“๊ธ€