JavaScript๋ž€?

jaehanยท2022๋…„ 5์›” 1์ผ
0

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
1/33
post-thumbnail

๐Ÿ’ป JavaScript

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด(Object) ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด์ด๋‹ค.
HTML๋กœ๋Š” ์›น์˜ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๊ณ , CSS๋กœ๋Š” ์›น์„ ๋””์ž์ธํ•˜๋ฉฐ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ๋Š” ์›น์˜ ๋™์ž‘์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.


๐Ÿ’กJavaScript์˜ ์—ญ์‚ฌ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” 1995๋…„์— ๋„ท์Šค์ผ€์ดํ”„(Netscape)์˜ ๋ธŒ๋ Œ๋˜ ์•„์ดํฌ(Brendan Eich)์— ์˜ํ•ด ๋งŒ๋“ค์–ด์กŒ๋‹ค.

์ฒ˜์Œ์—๋Š” ๋ชจ์นด(Mocha)๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ ๊ฐœ๋ฐœ๋˜์—ˆ์œผ๋‚˜, ๊ทธ ํ›„์— ๋ผ์ด๋ธŒ์Šคํฌ๋ฆฝํŠธ(LiveScript), ์ตœ์ข…์ ์œผ๋กœ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค.


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

  1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด์ด๋‹ค.

  2. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™์ ์ด๋ฉฐ, ํƒ€์ž…์„ ๋ช…์‹œํ•  ํ•„์š”๊ฐ€ ์—†๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด์ด๋‹ค.

  3. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ์ง€ํ–ฅํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๋ชจ๋‘ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.

๐Ÿ‘‰ ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด : ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด๋Š” ์›์‹œ์ฝ”๋“œ(ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์ž‘์„ฑํ•œ ์†Œ์Šค์ฝ”๋“œ)๋ฅผ ๊ธฐ๊ณ„์–ด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ณผ์ •์—†์ด ํ•œ์ค„ ํ•œ์ค„ ํ•ด์„ํ•˜์—ฌ ๋ฐ”๋กœ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์–ธ์–ด๋ฅผ ๋งํ•œ๋‹ค.


๐Ÿ’กJavaScript์˜ ์žฅ๋‹จ์ 

์žฅ์ 

  • ์ปดํŒŒ์ผ๊ณผ์ •์ด ํ•„์š”์—†๋‹ค > ๋น ๋ฅธ ์‹œ๊ฐ„ ์•ˆ์— ์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ๋‹ค๋ฅธ์–ธ์–ด๋“ค์— ๋น„ํ•ด ๋‹จ์ˆœํ•œ ๊ตฌ์กฐ์™€ ์›์น™์„ ๊ฐ–๊ณ  ์žˆ์–ด ๋ฐฐ์šฐ๊ธฐ ์‰ฝ๋‹ค.
  • ์›น์— ํŠนํ™”๋œ ๊ธฐ์ˆ ์ด๊ธฐ ๋•Œ๋ฌธ์— ์šด์˜์ฒด์ œ๋‚˜ ํ”Œ๋žซํผ์— ์ƒ๊ด€์—†์ด ์ž˜ ์ž‘๋™๋˜๊ณ  ํ™•์žฅ์„ฑ์ด ๋†’๋‹ค.

๋‹จ์ 

  • OS์— ์ง์ ‘ ์ ‘๊ทผํ•  ์ˆ˜ ์—†๋‹ค.
  • ํ•˜๋“œ๋””์Šคํฌ๋ฅผ ์ฝ๊ฑฐ๋‚˜ ์“ธ ์ˆ˜ ์—†๋‹ค.
  • ๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ์„ ํ˜ธ์ถœํ•  ์ˆ˜ ์—†๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋„๋ฉ”์ธ์ด ๋™์ผํ•œ ๋‘ ํƒญ/์œˆ๋„์šฐ๋ฅผ ์ œ์™ธํ•˜๊ณ  ํƒญ/์œˆ๋„์šฐ ๊ฐ„์— ํ†ต์‹ ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์—†๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ผ๋ถ€ ๋ณด์•ˆ์ƒ์˜ ์ œ์•ฝ์ด ์žˆ์œผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ €์—์„œ ์›น ํŽ˜์ด์ง€๋ฅผ ์—ด ๋•Œ ์•ˆ์ „ํ•˜๊ณ  ์œ„ํ—˜์— ์ฒ˜ํ•˜์ง€ ์•Š๋„๋ก ๋ณด์žฅํ•ด์•ผ ํ•œ๋‹ค.
  • ์ผ๋ฐ˜์ ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ž์ฒด ๋„๋ฉ”์ธ์— ๋Œ€ํ•ด์„œ๋งŒ ์ œํ•œ์—†์ด ๋„คํŠธ์›Œํฌ ์š”์ฒญ์„ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค.

๐Ÿ’กJavaScript์˜ ํ‘œ์ค€

1996๋…„์— ๋„ท์Šค์ผ€์ดํ”„(Netscape)๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ตญ์ œ ํ‘œ์ค€์•ˆ์œผ๋กœ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ECMA(European Computer Manufacturers Association)์— ์ œ์ถœํ•ฉ๋‹ˆ๋‹ค.

๊ทธ ๊ฒฐ๊ณผ ECMA๋Š” ECMAScript๋ผ๋Š” ์ƒˆ๋กœ์šด ํ‘œ์ค€์„ ์ œ์ •ํ•˜์˜€๊ณ , ๊ทธ ์ฒซ ๋ฒˆ์งธ ๋ฒ„์ „์ธ ECMA-262๋ฅผ 1997๋…„์— ๊ณตํ‘œํ•ฉ๋‹ˆ๋‹ค.

ECMAScript๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์˜ JScript๋‚˜ ์–ด๋„๋น„์˜ ์•ก์…˜์Šคํฌ๋ฆฝํŠธ๋„ ๋”ฐ๋ฅด๋Š” ๊ตญ์ œ ํ‘œ์ค€์ด ๋œ๋‹ค.

ํ˜„์žฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ตœ์‹  ํ‘œ์ค€์€ 2015๋…„์— ๋ฐœํ‘œ๋œ ECMAScript 6์ด๋‹ค.

์ฐธ๊ณ : https://www.inflearn.com/course/%EB%AA%A8%EB%8D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%94%A5%EB%8B%A4%EC%9D%B4%EB%B8%8C

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