๐ก ์๋ฐ์คํฌ๋ฆฝํธ๋?
์๋ฐ์คํฌ๋ฆฝํธ(JavaScript)๋ ์น ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก์ HTML, CSS์ ํจ๊ป ๋์ ์น ํ์ด์ง์ ์ค์ํ ๊ตฌ์ฑ ์์๋ค.
๐ก ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ค์ํ ๊ธฐ๋ฅ
- ๋ฌธ์, ์ซ์, ๋ฐฐ์ด ๋ฑ์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃฌ๋ค.
- ๋ ์ง์ ์๊ฐ์ ๋ค๋ฃฌ๋ค.
- ๋ธ๋ผ์ฐ์ ๋ฅผ ์กฐ์ํ๋ค.
- ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ๋ค.
- ํ์ด์ง์ ๋ฐ์ดํฐ ์์๋ฅผ ์กฐ์ํ๋ค.
- ํผ(Form)์ ์กฐ์ํ๋ค.
- ์ ๋๋ฉ์ด์ ํจ๊ณผ๋ฅผ ์ฒ๋ฆฌํ๋ค.
- ์ด๋ฏธ์ง/์ฌ์ด๋/์์์ ๋ค๋ฃฌ๋ค.
- ๋ฐ์ดํฐ๋ฅผ ์ก์์ ํ๋ค.
- ๋ก์ปฌ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃฌ๋ค.
๐ก ์๋ฐ์คํฌ๋ฆฝํธ ํ์ค
์๋ฐ์คํฌ๋ฆฝํธ๋ ECMA International์์ ์ ํ๋ ํ์ค ๊ท๊ฒฉ์ธ ECMAScript๋ฅผ ํ์ค์ผ๋กํ๋ค.
์ต๊ทผ์๋ 2015๋ ์ ๋ฐํ๋ 'ES2015(ECMAScript 2015, ES6)'๋ฅผ ํตํด ์ด์ ๊น์ง๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ ๊ธฐ๋ฅ๋ค์ด ์ถ๊ฐ๋์๋ค.
ex) ํด๋์ค(Class), ๋ธ๋ก ์ค์ฝํ(Block Scope), ํ์ดํ ํจ์(Arrow Function), ๋ชจ๋(Module) ๋ฑ
๐ก ์๋ฐ์คํฌ๋ฆฝํธ ํ์ฉ
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฃผ๋ก ์น ๋ธ๋ผ์ฐ์ ์์ ์ฌ์ฉ๋์ง๋ง, 2010๋ ๋๋ถํฐ๋ ์๋ฒ์์๋ ์ฌ์ฉํ๋ ๊ธฐ์ ์ด ๋๋ค.
โป์๋ฒ, ๊ฒ์, ์ค๋งํธํฐ ์ ํ๋ฆฌ์ผ์ด์ , ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ ๋ฑ ๋ค์ํ ์ผ์ ํ ์ ์๋ค.
ex) Node.js
- ๋ผ์ด์ธ ๋ฌ์ด CommonJS ํ์ค๊ณผ V8 ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ๊ธฐ๋ฐ์ผ๋ก ๋ง๋ค์๋ค.
- Node.js๋ ์ด๋ฒคํธ ๊ธฐ๋ฐ ๋น๋๊ธฐ ๋ฐฉ์์ผ๋ก ์๋ํ๊ธฐ์ ๋๊ท๋ชจ ๋คํธ์ํฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ๋๋ฐ ์ ํฉํ๋ค.
- Node.js์ ๋ฑ์ฅ์ผ๋ก ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ ์น ์๋ฒ๋ฅผ ๊ฐ๋ฐํ ์ ์๊ฒ ๋์๋ค.
์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋ก ํธ์๋, ๋ฐฑ์๋์ ๊ตฌ๋ถ ์์ด ์์ชฝ ๋ชจ๋์์ ์ฌ์ฉํ ์ ์๋ค.
1. ๋ธ๋ผ์ฐ์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ ๋
<script> JS์ฝ๋ </script>
2. ๋ค๋ฅธ ํ์ผ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ถ๋ฌ์ฌ ๋
<script src="JSํ์ผ ์ฃผ์" defer></script>
'JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS] ์๋ฐ์คํฌ๋ฆฝํธ - ํจ์ (0) | 2021.03.29 |
---|---|
[JS] ์๋ฐ์คํฌ๋ฆฝํธ - ๋ฐฐ์ด (0) | 2021.02.25 |
[JS] ์๋ฐ์คํฌ๋ฆฝํธ - ๋ฐ๋ณต๋ฌธ (0) | 2021.01.29 |
[JS] ์๋ฐ์คํฌ๋ฆฝํธ - ์กฐ๊ฑด๋ฌธ (0) | 2021.01.27 |
๋๊ธ