โป ํด๋น Deep Dive ๊ธ์ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ฆฌ์ ๊ฐ๋ ๋ฑ์ ์ฑ ์ ํตํด ๊ณต๋ถํ๋ฉฐ ๋ค์ ํ๋ฒ ๋ณต๊ธฐํ๊ธฐ ์ํด ์ ๋ ๊ธ์ด๋ฏ๋ก ์ฑ ์ ํ๋ฆ์ ๋ฐ๋ผ ์ ๊ฒ๋จ์ ์๋ ค๋๋ฆฌ๋ฉฐ ๋จ์ด์ ๋ํ (ex: ํ๋กํ ํ์ , ๊ฐ์ฒด์งํฅ) ์ค๋ช ์ ์ด ํ ํด๋น ํญ๋ชฉ์ด ๋์ฌ๋ ์์ธํ๊ฒ ์ ๊ณ ์ฌ์ฉํด ๋ณผ ์์ ์ ๋๋ค.
JavaScript ๐ช
- ECMAScript๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ํ์ค ์ฌ์์ธ ECMA-262๋ฅผ ๋งํ๋ฉฐ, ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ๊ฐ, ํ์ , ๊ฐ์ฒด์ ํ๋กํผํฐ, ํจ์, ํ์ค ๋ด์ฅ ๊ฐ์ฒด ๋ฑ ํต์ฌ ๋ฌธ๋ฒ์ ๊ท์ ํ๋ค.
- ์ฆ, ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก์ ECMAScript์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ณ๋ ์ง์ํ๋ DOM,BOM, Canvas, XML, fetch ๋ฑ์ ์์ฐ๋ฅด๋ ๊ฐ๋ ์ด๋ค.
- ๊ต์ฅํ ๋ง์ ๋ด์ฅ ๊ฐ์ฒด์ ์น api์ ๋ํ ๋ด์ฉ์ ๋ณด๊ณ ์ถ์ผ๋ฉด ์ ๋ช ํ MDN ์ฌ์ดํธ๋ฅผ ์ฐธ๊ณ ํ์.
์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ง ๐โ๏ธ
- ์๋ฐ์คํฌ๋ฆฝํธ๋ HTML, CSS์ ํจ๊ป ์น์ ๊ตฌ์ฑํ๋ ์์์ด๋ฉฐ ์น ๋ธ๋ผ์ฐ์ ์ ์ ์ผํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ค.
- ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ณ๋์ ์ปดํ์ผ ์์ ์ ์ํํ์ง ์๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ดโญ์ด๋ค.
- ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ช ๋ นํ, ํจ์ํ, ํ๋กํ ํ์ ๊ธฐ๋ฐ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ์ง์ํ๋ ๋ฉํฐ ํจ๋ฌ๋ค์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ค.
๋ธ๋ผ์ฐ์ ์ ์ง์ ๐ง
- ์ธํฐ๋ท ์ต์คํ๋ก๋ฌ๋ฅผ ์ ์ธํ ๋๋ถ๋ถ์ ๋ธ๋ผ์ฐ์ ๋ ES6 ์ด์์ ๋ฌธ๋ฒ์ ์ง์ํ์ง๋ง 100%๋ ์๋๊ธฐ์ ํด๋น ์น์ฌ์ดํธ์์ ์ง์ํํฉ์ ํ์ธ ํด ์ฃผ๋๊ฒ ์ข๋ค.
- ์ธํฐ๋ท ์ต์คํ๋ก๋ญ๋ ๊ตฌํ ๋ธ๋ผ์ฐ์ ๋ฅผ ๊ณ ๋ คํด์ผ ํ๋ ์ํฉ์ด๋ผ๋ฉด ๋ฐ๋ฒจ(babel) ๊ฐ์ ํธ๋์คํ์ผ๋ฌ๋ฅผ ์ด์ฉํด ES6 ์ด์์ผ๋ก ๊ตฌํํ ์ฝ๋๋ฅผ ES5 ์ดํ์ ์ฌ์์ผ๋ก ๋ณ๊ฒฝ๋ ๊ฐ๋ฅํ๋ค.
์ด์ ๊ทธ๋ง ์ธํฐ๋ท ์ต์คํ๋ก๋ฌ๋ฅผ ๋์์ฃผ์ธ์...
'Deep Dive ์ ๋ณต๊ธฐ๐ฉ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Deep Dive - 6 (๋ฐ์ดํฐ ํ์ ) (0) | 2022.09.17 |
---|---|
Deep Dive -5 (2) | 2022.08.24 |
Deep Dive -4 (์๋ณ์) (0) | 2022.08.23 |
Deep Dive -3 (var) (0) | 2022.08.22 |
Deep Dive -2 (๋ณ์) (0) | 2022.08.21 |