01.Vanilla-JS

JavaScript๋Š” ๋ญ”๊ฐ€์š”?

JavaScript ๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ๋งŒ๋“ค์–ด์ง„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ์ด ์–ธ์–ด๋Š” 90๋…„๋Œ€๋ถ€ํ„ฐ ์ฃผ๋กœ ์›น ๋ธŒ๋ผ์šฐ์ € ์ƒ์—์„œ UI ๋ฅผ ๋™์ ์œผ๋กœ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•˜์—ฌ ์‚ฌ์šฉ์„ ํ•ด์™”์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์—๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ์‚ฌ์šฉํ•ด์™”๋˜ ์–ธ์–ด์ธ๋ฐ, ์ด์ œ๋Š” ๋‹จ์ˆœํžˆ ์›นํŽ˜์ด์ง€์—์„œ๋งŒ ๊ตญํ•œ๋˜์ง€ ์•Š๊ณ  Node.js ๋Ÿฐํƒ€์ž„์„ ํ†ตํ•˜์—ฌ ์„œ๋ฒ„ ์ชฝ์—์„œ๋„ ์‚ฌ์šฉ์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ถ”๊ฐ€์ ์œผ๋กœ, NW.js, Electron ๋“ฑ์˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์Šคํฌํƒ‘ ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ๊ณ , react-native, NativeScript ๋“ฑ์˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋ฐ”์ผ ์•ฑ๋„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

JavaScript ๋Š” ๋‚˜๋‚ ํžˆ ๋ฐœ์ „ํ•ด ๊ฐ€๊ณ  ์žˆ๊ณ , ๋งค๋…„๋งˆ๋‹ค ์ƒˆ๋กœ์šด ๋ฌธ๋ฒ•๋“ค๋„ ๋‚˜์˜ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” ๋ชจ๋“  ๋ฌธ๋ฒ•๋“ค์„ ๋‹ค๋ฃจ์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์•Œ์•„๋‘๋ฉด ๊ฐœ๋ฐœํ•˜๋Š”๋ฐ ์ถฉ๋ถ„ํžˆ ์“ธ๋ชจ์žˆ๋Š” ๋งŒํผ ํ•™์Šตํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

Vanilla-JS๋Š” ๋ญ”๊ฐ€์š”?

์ˆœ์ˆ˜ JavaScript ์ž…๋‹ˆ๋‹ค. JavaScript ์ŠคํŒฉ์— ์šฐ๋ฆฌ๋Š” ์›น ๊ฐœ๋ฐœ์„ ํ•  ๋•Œ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ˆ window, document ๋“ฑ Web API ๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ํ•˜๋„ ๋งŽ์€ js ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋•Œ๋ฌธ์ธ์ง€ ์ฒ˜์Œ Vanilla JS๋ผ๋Š” ์ด๋ฆ„์„ ๋“ค์œผ๋ฉด ๋ฌด์Šจ ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ฐ™์•„๋ณด์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์•„๋‹™๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ฐ€ ์•„๋‹ˆ๊ณ , ์ˆœ์ˆ˜ JavaScript์ž…๋‹ˆ๋‹ค.

Last updated