๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • ์žฅ์›์ต ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ
๐Ÿ“บ Front End/- HTML,css,Javascript

[Javascript-Core] JavaScript ์˜ ํŠน์ง•๊ณผ ๋‹ค๋ฅธ ์–ธ์–ด์™€์˜ ์ฐจ์ด์ 

by Wonit 2019. 11. 29.

Javascript์™€ ๋‹ค๋ฅธ ์–ธ์–ด์˜ ์ฐจ์ด์ 

์ปดํŒŒ์ผ๋Ÿฌ์™€ ์ธํ„ฐํ”„๋ฆฌํ„ฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ปดํŒŒ์ผ๋Ÿฌ์™€ ์ธํ„ฐํ”„๋ฆฌํ„ฐ์˜ ์ฐจ์ด๋ฅผ ์ดํ•ดํ•˜๋Š”๋ฐ์—์„œ ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค.

์ปดํŒŒ์ผ ์–ธ์–ด

์†Œ์Šค์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ธฐ๊ณ„์–ด๋กœ ๋ฒˆ์—ญํ•˜๋Š” ๊ณผ์ •์ด ํ•„์š”ํ•œ๋ฐ ์ด๋Ÿฌํ•œ ๊ณผ์ •์„ ์ปดํŒŒ์ผ(Compile) ์ด๋ผ๊ณ  ํ•œ๋‹ค. ์ด๋Ÿฌํ•œ ์ปดํŒŒ์ผ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์–ธ์–ด๋ฅผ ์ปดํŒŒ์ผ ์–ธ์–ด ๋ผ๊ณ  ํ•˜๋Š”๋ฐ ๋Œ€ํ‘œ์ ์ธ ์˜ˆ๋กœ C, C++, C# ๋“ฑ์ด ์žˆ๋‹ค. ์ปดํŒŒ์ผ ์–ธ์–ด๋Š” ์ปดํŒŒ์ผ ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฌ์ง€๋งŒ ์‹คํ–‰๋˜๋Š” ์†๋„๊ฐ€ ๋น ๋ฅด๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.

  • Build Time

    Source์— ๋Œ€ํ•œ ๊ธฐ๊ณ„์–ด ๋ฒˆ์—ญ

  • Run Time

    ๊ธฐ๊ณ„์–ด ๋ฒˆ์—ญ ํ›„ ๊ธฐ๊ณ„๋กœ ์ „๋‹ฌ.

์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด๋กœ ํ”„๋กœ๊ทธ๋žจ์˜ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ํ•œ ์ค„๋งˆ๋‹ค ๊ธฐ๊ณ„์–ด๋กœ ๋ฒˆ์—ญํ•˜๋Š” ๋ฐฉ์‹์„ ์ทจํ•˜๊ณ  ์žˆ๋Š”๋ฐ ์ด๋Š” ํ•œ ์ค„ ํ•œ ์ค„ ๋ฒˆ์—ญ์„ ํ•˜๋ฏ€๋กœ ํ…Œ์ŠคํŠธ์— ์šฉ์ดํ•œ ๊ตฌ์กฐ๋ฅผ ๊ฐ–๊ณ  ์žˆ์ง€๋งŒ ์ฒ˜๋ฆฌ ์†๋„๊ฐ€ ๋Š๋ฆฌ๋‹ค๋Š” ๋‹จ์  ์ด ์žˆ๋‹ค.

  • Build Time

    ์•„๋ฌด ์ผ๋„ ์ผ์–ด๋‚˜์ง€ ์•Š๋Š”๋‹ค.

  • Run Time

    ๊ธฐ๊ณ„์–ด ๋ฒˆ์—ญ ํ›„ ๊ธฐ๊ณ„๋กœ ์ „๋‹ฌ.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋งŒ์˜ ํŠน์ง•

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋งŒ์˜ ํŠน์ง•์€ ์—ฌ๋Ÿฌ๊ฐœ๊ฐ€ ์žˆ๋Š”๋ฐ ๋Œ€ํ‘œ์ ์œผ๋กœ

  • ์ธํ„ฐํ”„๋ฆฌํ„ฐ๋‹ค
  • ๋™์  ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ๊ฐ์ฒด์ง€ํ–ฅ ์–ธ์–ด์ด๋‹ค.
  • ๋™์  ํƒ€์ž… ์–ธ์–ด์ด๋‹ค.
  • ํ•จ์ˆ˜๊ฐ€ ์ผ๊ธ‰ ๊ฐ์ฒด์ด๋‹ค.
  • ํ•จ์ˆ˜๊ฐ€ ํด๋กœ์ €๋ฅผ ์ •์˜ํ•œ๋‹ค

๋“ฑ์ด ์žˆ๋‹ค.

ํ”„๋กœ๊ทธ๋žจ ์ž‘์„ฑ๊ณผ ์‹คํ–‰

๋‚˜๋Š” ํฌ๋กฌ๊ณผ Node.js๋ฅผ ์‚ฌ์šฉํ•  ์˜ˆ์ •์ด๋ฏ€๋กœ ์ฒซ ๋ฒˆ์งธ๋กœ node.js๋ฅผ ์„ค์น˜ํ•˜๊ณ  vscode๋„ ํ•จ๊ป˜ ์„ค์น˜ํ•œ๋‹ค.

์ค€๋น„๋ฌผ

node.js ์„ค์น˜

VSCode ์„ค์น˜

ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰

ํ”„๋กœ๊ทธ๋žจ์˜ ์‹คํ–‰ ๋ฐฉ๋ฒ•์€ cmder์—์„œ vscode๋กœ ์ž‘์„ฑ๋œ ์†Œ์Šค๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ด๋ฃจ์–ด์ง„๋‹ค.

ํ•˜์ง€๋งŒ ์›น์˜ F12ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ฝ˜์†”์— ์ž…๋ ฅํ•˜์—ฌ ํ…Œ์ŠคํŠธ๋ฅผ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ํ•œ๊ณ„๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ „์ž๋กœ ์ง„ํ–‰ํ•  ์˜ˆ์ •์ด๋‹ค.

๋Œ“๊ธ€