๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

๐Ÿฐ 3์›” 4์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2023. 3. 26.
๋ฐ˜์‘ํ˜•

๐Ÿฅ   typescript ๊ณต๋ถ€ ํ•„์š”

์ตœ๊ทผ ์ทจ์—…๊ณต๊ณ ๋ฅผ ๋ณด๋‹ค๋ณด๋‹ˆ ๋ช‡๊ฐ€์ง€๊ฐ€ ๊ฝค ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค. 

  • js => ts
  • ํ…Œ์ŠคํŠธ์ฝ”๋“œ ์ž๊ฒฉ์กฐ๊ฑด/์šฐ๋Œ€์‚ฌํ•ญ

๊ทธ๋ฆฌํ•˜์—ฌ ๋ณ€ํ™”์— ๋”ฐ๋ผ typescript์˜ ๊ณต๋ถ€์˜ ํ•„์š”์„ฑ์„ ๋А๊ผˆ๋‹ค. ์•„๋ฌด๋ž˜๋„ javascript๊ฐ€ ์ข€ ๋А์Šจํ•œ ํƒ€์ž…์ด๋ผ  ์˜ค๋ฅ˜๋ฅผ ์ผ์œผํ‚ค์ง€ ์•Š๋‚˜ ๋ผ๋Š” ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. 

 

๐Ÿ›ฌ Nuxt.js

์š”์ฆ˜ ssr์œผ๋กœ ๋ฐ”๋€Œ๊ณ  ์žˆ๋Š”๊ฒƒ๋„ ์ทจ์—…๊ณต๊ณ ์—์„œ ํ™•์ธ์ด ๊ฐ€๋Šฅํ–ˆ๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ nuxt.js์˜ ๊ณต๋ถ€์˜ ํ•„์š”์„ฑ์„ ๋А๋‚€๋‹ค. ๊ณ„์†ํ•˜์—ฌ ๋ฏธ๋ฃฐ์ˆ˜๋Š” ์—†๋Š” ๊ฒƒ ๊ฐ™๋‹ค.

 

๐Ÿ“ฝ javascript ์ด๋ฒคํŠธ ๊ณต๋ถ€

javascript์˜ ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ๊ฐœ๋…์ด ์ข€ ๋ถ€์กฑํ•˜์ง€ ์•Š๋‚˜? ๋ผ๋Š” ์ตœ๊ทผ์— ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง ,์บก์ณ๋ง์— ๊ด€ํ•˜์—ฌ ๋ถ€์กฑํ•˜๋‹ค๊ณ  ๋А๊ผˆ๊ณ  ๋‹จ์ˆœํžˆ ๋ฉด์ ‘์šฉ์ด ์•„๋‹ˆ๋ผ ์‹ค๋ฌด์—์„œ ์–ด๋–ป๊ฒŒ ์ ์šฉํ• ์ง€์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•ด ๋ณด์ธ๋‹ค.

 

๐Ÿ“ž  ์ด๋ ฅ์„œ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ๊ณ ๋ฏผ

์ด๋ ฅ์„œ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ํ•œ๋ฒˆ ๊ณ ๋ฏผ์˜ ํ•„์š”์„ฑ์„ ๋А๊ผˆ๋‹ค. ์ด๋ ฅ์„œ์— ๋‚˜์˜ ํšŒ์‚ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์ ์—ˆ์ง€๋งŒ, ์‚ฌ์‹ค ์„ค๋ช…์„ ์ž˜ ๋ชปํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋งŽ์ด ๋“ค์—ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ๋‹ค๊ตญ์–ด๋ฅผ ์ ์šฉํ–ˆ๋Š”์ง€ ๊ทธ ์ ์šฉํ•œ ๊ณผ์ •์— ๋Œ€ํ•ด์„œ๋Š” ๋ฉด์ ‘๊ด€์ด ๋“ฃ๋Š” ์ž…์žฅ์—์„œ๋Š” ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š์•˜์„๊ฑฐ๋‹ค ๋ผ๋Š”์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

ํ•œ๋ฒˆ ์ด๋ ฅ์„œ๋ฅผ ์ •๋ฆฌํ•ด๋ณด์ž.

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€