๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (36)
      • Next.js (17)
      • React (4)
      • React Native (0)
      • TypeScript (1)
      • JavaScript (14)
    • BE (0)
      • Nest.js (0)
    • ๋ฐ๋ธŒ์ฝ”์Šค (7)
    • ์›น ํ”„๋กœ์ ํŠธ (5)
    • CS (28)
      • Algorithm (5)
      • Python (4)
      • C++ (2)
      • Operating System (4)
      • Computer Networking (3)
      • Data Structure (1)
      • Machine Learning (3)
      • Tip (6)
    • Github (4)
    • Flutter (3)
      • ํ”„๋กœ์ ํŠธ (3)
    • Private (3)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (7)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • next.js
  • ์ด๋ฒคํŠธ๋ฃจํ”„
  • ์‹คํ–‰์ปจํƒ์ŠคํŠธ
  • ์‹คํ–‰์ปจํ…์ŠคํŠธ
  • ์›์‹œํƒ€์ž…
  • ๋ชจ๋˜๋ฆฌ์•กํŠธ๋”ฅ๋‹ค์ด๋ธŒ
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • layout shift
  • ์ฝœ์Šคํƒ
  • reflow
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ํ˜ธ์ด์ŠคํŒ…
  • react
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์˜ค๋ธ”์™„
  • ๋ฉด์ ‘
  • SSR
  • ๋ ‰์‹œ์ปฌ
  • ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
  • ํž™์˜์—ญ

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi

Minzzi์•ผ

[TypeScript] #1. TypeScript ์™œ ์‚ฌ์šฉํ•˜๋‚˜?
FE/TypeScript

[TypeScript] #1. TypeScript ์™œ ์‚ฌ์šฉํ•˜๋‚˜?

2024. 1. 14. 05:08

Type! TypeScript๋Š” ํƒ€์ž…์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์—!!!!!

TypeScript๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ธ๋ฐ ์–ธ์–ด ์ด๋ฆ„์—๋„ ์•Œ ์ˆ˜ ์žˆ๋“ฏ์ด TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋Š” ๋ฐ”๋กœ Type ๋•Œ๋ฌธ์ด๋‹ค. 

Type์ด๋ž€ ์ž๋ฃŒํ˜•์ด๋ผ๊ณ  ๋ณด๋ฉด ๋˜๋Š”๋ฐ, ๋ณ€์ˆ˜๊ฐ€ ์ˆซ์ž์ธ์ง€, ๋ฌธ์ž์—ด์ธ์ง€ ๋“ฑ์˜ ํ˜•ํƒœ๋ฅผ ๋‚˜ํƒ€๋‚ธ๋‹ค. 

 

์˜ค์ผ€์ด, ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๊ฑด ์•Œ๊ฒ ๋Š”๋ฐ, ๊ทธ๊ฒŒ ์™œ ์žฅ์ ์ด ๋˜๋Š”๊ฑด๋ฐ?


์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ฐจ์ด

Javascript(๋™์ ์–ธ์–ด)
๋Ÿฐํƒ€์ž„์— ํƒ€์ž… ๊ฒฐ์ • / ์˜ค๋ฅ˜ ๋ฐœ๊ฒฌ

Java, Typescript(์ •์ ์–ธ์–ด)
์ปดํŒŒ์ผ ํƒ€์ž„์— ํƒ€์ž… ๊ฒฐ์ • / ์˜ค๋ฅ˜ ๋ฐœ๊ฒฌ → ์ฝ”๋“œ ์ž‘์„ฑ์‹œ๊ฐ„์€ ๊ธธ์–ด์ง€์ง€๋งŒ ์•ˆ์ •์ ์ด๊ณ  ๋น ๋ฅด๊ฒŒ ์ž‘์—… ์ง„ํ–‰ ๊ฐ€๋Šฅ

 

์œ„์—์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ์„ค๋ช…ํ•œ ๊ฑฐ์ฒ˜๋Ÿผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์ปดํŒŒ์ผ ํ•  ๋•Œ ํƒ€์ž…์„ ๊ฒฐ์ •ํ•˜๊ณ , ์˜ค๋ฅ˜๋ฅผ ๋ฐœ๊ฒฌํ•˜๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋Ÿฐํƒ€์ž„์— ํƒ€์ž…์„ ๊ฒฐ์ •ํ•˜๊ณ  ์˜ค๋ฅ˜๋ฅผ ๋ฐœ๊ฒฌํ•œ๋‹ค. ์ฆ‰, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์ปดํŒŒ์ผ ํ•  ๋•Œ์˜ ์‹œ๊ฐ„์ด ์ข€ ๊ฑธ๋ฆฌ์ง€๋งŒ ์ปดํŒŒ์ผ๋งŒ ๋œ๋‹ค๋ฉด ๋Ÿฐํƒ€์ž„ ์‹œ๊ฐ„์€ ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰๋˜๋Š” ์žฅ์ ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. 

 

๋˜ํ•œ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ์ฒด์˜ ํ•„๋“œ๋‚˜ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ๋“ค์–ด์˜ค๋Š” ๊ฐ’์ด ๋ฌด์—‡์ธ์ง€ ์•Œ๊ธฐ ์œ„ํ•ด์„œ ์—ฌ๋Ÿฌ ํŒŒ์ผ๋“ค์„ ์‚ดํŽด๋ด์•ผ ํ•˜์ง€๋งŒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•ด๋‹น ๋ณ€์ˆ˜์˜ ์ด๋ฆ„๋ฟ ์•„๋‹ˆ๋ผ ํƒ€์ž…๊นŒ์ง€ ์•Œ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ง๊ด€์ ์œผ๋กœ ์ฝ”๋”ฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค. IDE๊ฐ€ ์ž๋™์ ์œผ๋กœ ๋ณ€์ˆ˜์˜ ํƒ€์ž…์„ ๋ฆฌ์ŠคํŠธ ์—… ํ•ด์ค€๋‹ค๋Š” ๊ฒƒ์€ ์•„์ฃผ ํฐ ์žฅ์ ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด๋‹ค. ์ฆ‰, ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ณณ์„ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๊ณ , ์‰ฝ๊ฒŒ ๋””๋ฒ„๊น…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)
    ๐Ÿธminzzi
    ๐Ÿธminzzi

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