๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’™ ์˜์ƒ๋ฆฌ๋ทฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ญ์‚ฌ์™€ ํ˜„์žฌ ๊ทธ๋ฆฌ๊ณ  ๋ฏธ๋ž˜

by widely design 2021. 5. 30.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์šฐ๊ธฐ์ „ ๊ผญ ๋ด์•ผํ•  ์˜์ƒ | ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ญ์‚ฌ์™€ ํ˜„์žฌ ๊ทธ๋ฆฌ๊ณ  ๋ฏธ๋ž˜ (JavaScript, ECMAScript, JQuery, Babel, Node.js) - ๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ ์œ ํŠœ๋ธŒ

 

1993๋…„

MOSIAC์˜ ๋“ฑ์žฅ 

ใ„ด marc andreessen๊ฐ€ ์ฃผ๋„

 

 

1994๋…„

marc andressen์ด ๋Œ€ํ•™๊ต๋ฅผ ์กธ์—…ํ•˜์ž ๋งˆ์ž NETSCAPE ํšŒ์‚ฌ ์„ค๋ฆฝ

NETSCAPE : ์ •์ ์ธ ์›น์‚ฌ์ดํŠธ๋งŒ ๊ฐ€๋Šฅ, ์‹œ์žฅ์—์„œ 80% ์ ์œ ์œจ

                              ↓

     ๋™์ ์ธ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•˜์—ฌ scripting ์–ธ์–ด ์ถ”๊ฐ€

ํ›„๋ณด 1) java : ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์–ด๋ ค์›Œ์„œ ํŒจ์Šค

ํ›„๋ณด 2) brendan eich๋ผ๋Š” ์‚ฌ๋žŒ์„ ์„ญ์™ธํ•ด ๊ธฐ์กด scheme๋ฅผ ๋ณ€ํ˜• → ์ฑ„ํƒ๋จ

                              ↓
1994๋…„ 9์›”

mocha์˜ ๋“ฑ์žฅ (→ livescript๋กœ ์ด๋ฆ„๋ณ€๊ฒฝ)

(java์˜ ์œ ํ–‰ → javascript๋กœ ์ด๋ฆ„ ๋˜ ๋‹ค์‹œ ๋ณ€๊ฒฝ)

 

 

1995๋…„

๊ณต์‹์ ์ธ netscape navigator ๋ธŒ๋ผ์šฐ์ € ์œ„์— javascript์™€ ์ด๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•œ ์—”์ง„์ด ํฌํ•จ๋˜์–ด ์ถœ์‹œ

 

์œ„ํ˜‘์„ ๋Š๋‚€ microsoft๊ฐ€ NETSCAPE์˜ ๊ฒƒ์„ ๋น„์Šทํ•˜๊ฒŒ ๋งŒ๋“ค์–ด jscript์ถœ์‹œ

microsoft์˜ internet explorer์˜ ๋“ฑ์žฅ

ใ„ด ๊ฐœ๋ฐœ์ž์˜ ๊ณ ํ†ต ์‹œ์ž‘

    ์ด์œ  : ๋‘ ๊ฐœ์˜ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž˜ ์—ด๋ฆฌ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์—

 

 

1996๋…„ 11์›”

NETSCAPE๊ฐ€ ecma international๋‹จ์ฒด์—๊ฒŒ "ํ‘œ์ค€ํ™”๋œ javascript๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž!" ์ œ์•ˆ

 

 

1997๋…„ 7์›” 

ecmascript 1์˜ ๋“ฑ์žฅ

 

 

1998๋…„

ecmascript 2์˜ ๋“ฑ์žฅ

 

 

1999๋…„

ecmascript 3์˜ ๋“ฑ์žฅ

 

 

2000๋…„

ecmascript 4์˜ ๋“ฑ์žฅ

microsoft์˜ internet explorer์˜ ๊ธ‰๊ฒฉํ•œ ์„ฑ์žฅ์„ธ (95%์‚ฌ์šฉ์ž)

ใ„ด> ecmascript์˜ ํ‘œ์ค€ํ™”์— ์ฐธ๊ฐ€ํ•˜์ง€ ์•Š์Œ;;

ใ„ด> ecmascript์˜ ํ‘œ์ค€ํ™” ์ง„ํ–‰ ๋”๋ŽŒ์ง

 

 

2004๋…„

moz://a์˜ firefox์˜ ๋“ฑ์žฅ

actionscript3๊ณผ tamarin(์—”์ง„) ๊ธฐ์ˆ ์„ ๋ฝ๋‚ด๋ฉฐ ecmascript4์—๊ฒŒ ํ‘œ์ค€ํ™” ์ œ์•ˆ

ํ•˜์ง€๋งŒ ๊ธฐ์กด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉ๋˜๋˜ javascript, jscript์™€๋Š” ๋งŽ์ด ๋‹ฌ๋ผ์„œ ๊ณ ๋ฏผ

 

jesse james garrett์˜ ํš๊ธฐ์ ์ธ ๊ธฐ์ˆ  ์ œ์•ˆ

                            ใ„ด> AJAX(Asylnchronous Javascript and XML) : ๋น„๋™๊ธฐ์ ์œผ๋กœ ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๊ณ  ์ฒ˜๋ฆฌ

 

๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ 

ecmascript4 ํ‘œ์ค€ํ™”๋ฅผ ์•ž๋‘๊ณ  3์‚ฌ(moz://a, NETSCAPE, microsoft)์˜ ์น˜์—ดํ•œ ๊ฒฝ์Ÿ

 

๊ฐœ๋ฐœ์ž๋“ค์ด ์ฆ๊ฐ€ํ•˜๋ฉด์„œ ์ปค๋ฎค๋‹ˆํ‹ฐ๊ฐ€ ์ƒ๊น€

jquery, dojo, mootools์™€ ๊ฐ™์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋“ฑ์žฅ

 

 

2008๋…„

google์˜ chrome์˜ ๋“ฑ์žฅ

JIT(just-in-time compilation)์ด๋ผ๋Š” ๊ฐ•๋ ฅํ•œ ์—”์ง„์ด ํฌํ•จ๋œ ๋ธŒ๋ผ์šฐ์ €

javascript์˜ ์‹คํ–‰์†๋„๊ฐ€ ์—„์ฒญ ๋น ๋ฆ„

 

 

2008๋…„ 7์›”

4์‚ฌ๊ฐ€ ๋ชจ์—ฌ ํšŒ์˜ (moz://a, NETSCAPE, microsoft, google)

 

 

2009๋…„

ecmascript 5 ๋“ฑ์žฅ

 

 

2015๋…„
ecmascript 6 ๋“ฑ์žฅ

ใ„ด(class, let, const, arrow function, default parameter ์ •์˜๋จ)

 

 

~~~

๊ทธ๋ฆฌ๊ณ  ๊ณ„์†ํ•ด์„œ ๋งค๋…„๋งˆ๋‹ค ์ƒˆ๋กœ์šด ๋ฒ„์ „์ด ๋‚˜์˜ค๊ณ  ์žˆ์Œ

์ด์ œ javascript๋Š” ์„ฑ์ˆ™ํ•˜๊ณ  ์ž˜ ์ •์ฐฉ๋œ ์–ธ์–ด์ด๋‹ค.

๋”์ด์ƒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋„์›€์—†์ด javascript์™€ ์›นAPIs์—์„œ ์ œ๊ณตํ•˜๋Š”  APIs๋งŒ์œผ๋กœ๋„

๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž˜ ์ž‘๋™ํ•˜๋Š” ์›น์‚ฌ์ดํŠธ๋‚˜ ์›น์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ

๋Œ“๊ธ€