JavaScript ๊ฐœ๋…

Flexยท2022๋…„ 3์›” 15์ผ
0

JavaScript ๋ชจ์Œ

๋ชฉ๋ก ๋ณด๊ธฐ
7/8
post-thumbnail

๐ŸŒฑ JavaScript์˜ ๋ฐฐ๊ฒฝ

Brendan Eich ์— ์˜ํ•ด ๋‹จ 10์ผ๋งŒ์— ๊ฐœ๋ฐœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

  • Brendan Eich๋Š” ํ˜„์žฌ ํŒŒ์ด์–ดํญ์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
  • Ruby, Python, Java, php, C ์™€ ๊ฐ™์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ž…๋‹ˆ๋‹ค.

JavaScript๊ฐ€ ์ฒ˜์Œ ๋งŒ๋“ค์–ด์งˆ ๋•Œ ์—ฌ๋Ÿฌ ์–ธ์–ด๋“ค์˜ ํŠน์„ฑ์„ ๊ฐ€์ ธ์™€ ์œ ์—ฐํ•œ ์–ธ์–ด๋กœ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
( ์ž๋ฐ”์˜ ๋ฌธ๋ฒ•, ์˜คํฌ์˜ ํ•จ์ˆ˜, ํŒŒ์ด์ฌ์˜ ๋ฌธ์ž์—ด/๋ฐฐ์—ด/์ •๊ทœํ‘œํ˜„์‹, ์Šคํ‚ค๋งˆ์˜ ์ผ๊ธ‰๊ฐ์ฒด/ํด๋กœ์ € ๋“ฑ )


๐ŸŒฑ ECMA Script


JavaScript ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ด๋ฉฐ, ECMA Script(ES) ๋Š” ๊ณง JavaScript ์˜ ๋ช…์„ธ๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

ES-2016 ๋˜๋Š” ES6 ์™€ ๊ฐ™์ด ์ด๋ฆ„ ๋’ค์— ์—ฐ๋„๋ฅผ ๋ถ™์—ฌ ๋ฒ„์ „์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ๋Š์ž„์—†์ด ์—…๋ฐ์ดํŠธ์ค‘์ด์—์š”.

ES๋Š” ์—ฐ๋„๋ณ„๋กœ ๋ฐœ์ „๋˜์–ด์™”์Šต๋‹ˆ๋‹ค.


๐ŸŒฑ JavaScript Everywhere

JavaScript ๋Š” ์–ด๋””์—์„œ๋‚˜ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋ธŒ๋ผ์šฐ์ €๋งŒ ์žˆ์œผ๋ฉด ์–ธ์ œ ์–ด๋””์„œ๋“  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ฃ .

Node.js

Node.js๋Š” Chrome V8 JavaScript ์—”์ง„์œผ๋กœ ๋นŒ๋“œ๋œ JavaScript ๋Ÿฐํƒ€์ž„์ž…๋‹ˆ๋‹ค.

๋งŽ์€ ๋ถ„๋“ค์ด Node.js ๋ฅผ ์„œ๋ฒ„๋กœ ์ฐฉ๊ฐํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
ํ•˜์ง€๋งŒ ์—„๋ฐ€ํžˆ Node.js ๋Š” JavaScript๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๋Ÿฐํƒ€์ž„ ์‹คํ–‰ ํ™˜๊ฒฝ์ž…๋‹ˆ๋‹ค.

React.js, Electron ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋“ค๋„ JavaScript๋กœ ๊ฐœ๋ฐœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
์‹ฌ์ง€์–ด๋Š” Notion ๊นŒ์ง€๋„์š”!
์ด๋Ÿฌํ•œ ๊ฒƒ๋“ค์„ ๊ฐœ๋ฐœํ•  ๋•Œ ์ธํ„ฐ๋„ท์ด ์—ฐ๊ฒฐ๋œ ํ™˜๊ฒฝ์ด ์•„๋‹Œ ๋…์ž์ ์ธ ํ™˜๊ฒฝ์—์„œ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  ๊ฐœ๋ฐœํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ์˜ฌ ์ˆ˜๋„ ์žˆ๋Š”๋ฐ, ๊ทธ๋Ÿฌํ•œ ๊ฒฝ์šฐ์กฐ์ฐจ๋„ JavaScript๋Š” ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

HTML+CSS+JS ๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๊ณ , Mac/Windows OS์˜ ๊ตฌ๋ถ„์—†์ด ์‚ฌ์šฉ๋˜๋ฉฐ ๋ชจ๋ฐ”์ผ ์•ฑ์—์„œ๋„ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฆ‰, JavaScript๋Š” ์–ด๋””์—๋‚˜ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.


๐ŸŒฑ ๊ณต๋ถ€ํ•  ๋• ์–ด๋””๋ฅผ ๋ณด๋ฉด ์ข‹์„๊นŒ?

MDN ๋ฌธ์„œ์™€ ๊พธ์ค€ํžˆ ์นœํ•ด์ง€๋ ค๋Š” ๋…ธ๋ ฅ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

1. ๊ตฌ๊ธ€์‹ 

๋ฉ”์„œ๋“œ๋‚˜ ์ž๋ฃŒํ˜• ๊ด€๋ จ ๊ฒ€์ƒ‰์„ ํ•  ๋•Œ, ํ˜น์€ ์˜ค๋ฅ˜์‚ฌํ•ญ์„ ๊ฒ€์ƒ‰ํ•  ๊ฒฝ์šฐ ์˜์–ด๋กœ ๊ฒ€์ƒ‰ํ•˜๋ฉด Stackoverflow ๊ฐ™์€ ๋งํฌ์—์„œ ์ข‹์€ ์ž๋ฃŒ๋“ค์ด ํ›จ์”ฌ ๋งŽ์ด ๋‚˜์˜ค๊ธฐ ๋•Œ๋ฌธ์—,
๊ตฌ๊ธ€์—์„œ๋Š” ์˜์–ด๋กœ ๊ฒ€์ƒ‰ํ•˜๋Š” ๊ฒƒ์„ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

  • ๊ตฌ๊ธ€์— "MDN JavaScript" ๋กœ๋งŒ ๊ฒ€์ƒ‰ํ•ด๋„ ๊ด€๋ จ๋œ ๋ฌธ์„œ๊ฐ€ ์Ÿ์•„์ ธ ๋‚˜์˜ต๋‹ˆ๋‹ค.
    ์š”์ฆ˜์€ MDN ๋ฌธ์„œ๋„ ์˜ˆ์ „์— ๋น„ํ•ด ๋ฒˆ์—ญ์ด ์ž˜ ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ํ•œ๊ธ€์„ ์‚ฌ๋ž‘ํ•œ๋‹ค๋ฉด?

2. ๋‚œ ํ•œ๊ธ€์ด ์ข‹์•„์š”

๊ตญ๋‚ด ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์ด ์—ด์‹ฌํžˆ ๋ฒˆ์—ญํ•ด์ฃผ์‹  ์ข‹์€ ์‚ฌ์ดํŠธ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
๐Ÿ“’ ๋ชจ๋˜ JavaScript ํŠœํ† ๋ฆฌ์–ผ
๐Ÿ“’ Poiemaweb:์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŠœํ† ๋ฆฌ์–ผ : ์ด์›…๋ชจ ๋‹˜์˜ "๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive" ์ฑ… ๋‚ด์šฉ๋„ ์‚ฌ์ดํŠธ์— ์ž˜ ์ •๋ฆฌ๋˜์–ด ์žˆ๊ตฐ์š”.


[ Update Log ]
2022-03-19 ๊ณต๋ถ€ํ•  ๋• ์–ด๋””๋ฅผ ๋ณด๋ฉด ์ข‹์„๊นŒ? ์ถ”๊ฐ€

profile
๐Ÿ’ต ์˜ค๋Š˜์„ ์‚ด์ž

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