๐ถ ์๋ฐ์คํฌ๋ฆฝํธ์ ํ์
- ์นํ์ด์ง์ ๋ณด์กฐ์ ์ธ ๊ธฐ๋ฅ์ ์ํํ๊ธฐ ์ํด ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ๊ฒฝ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ๋์ ํ๊ธฐ ์ํด ๋ง๋ค์ด์ก๋ค.
๐ถ ์๋ฐ์คํฌ๋ฆฝํธ ์ฑ์ฅ๊ณผ ์ญ์ฌ
- ์ด์ฐฝ๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ ์นํ์ด์ง์ ๋ณด์กฐ์ ์ธ ๊ธฐ๋ฅ์ ์ํํ๊ธฐ ์ํ ํ์ ์ ์ฉ๋๋ก๋ง ์ฌ์ฉ๋์๋ค.
- 1999๋ , ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด ์๋ฒ์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋น๋๊ธฐ(Asynchronous) ๋ฐฉ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๊ตํํ ์ ์๋ Ajax๊ฐ ๋ฑ์ฅํ๋ค.
- 2006๋ , jQuery์ ๋ฑ์ฅ์ผ๋ก ๋ค์ ๋ฒ๊ฑฐ๋ก์ ๋ DOM์ ๋์ฑ ์ฝ๊ฒ ์ ์ดํ ์ ์๊ฒ ๋์๋ค.
- 2008๋ , ๊ตฌ๊ธ์ V8 ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์ ์ฌํ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ์ ๊ณตํ ์ ์๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ์ ์ฐฉํ๊ฒ ๋์๋ค.
- 2009๋ , ๊ตฌ๊ธ V8 ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ผ๋ก ๋น๋๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐํ์ ํ๊ฒฝ Node.js๊ฐ ๋ฐํ๋์๋ค. ์ด๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ๋ฅผ ๋ฒ์ด๋ ์๋ฒ ์ฌ์ด๋ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์์๋ ์ฌ์ฉํ ์ ์๋ ๋ฒ์ฉ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ๋์๋ค.
- ์ดํ Angular, React, Vue.js, Svelte ๋ฑ ๋ค์ํ SPA ํ๋ ์์ํฌ/๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ฑ์ฅํ๋ฉฐ ๋ณต์กํ๊ณ ๋ฐฉ๋ํ ๋ชจ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ๋์ด๋๋ฅผ ๋ฎ์ถฐ์ฃผ์๋ค.
๐ถ ์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ง
- ์น ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ์ ์ผํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก, ๋ช ๋ นํ, ํจ์ํ, ํ๋กํ ํ์ ๊ธฐ๋ฐ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ์ง์ํ๋ ๋ฉํฐ ํจ๋ฌ๋ค์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ค.
๐ถ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ ํ๊ฒฝ
- ๋ธ๋ผ์ฐ์ ํ๊ฒฝ ๋๋ Node.js ํ๊ฒฝ์์ ์คํํ ์ ์๋ค.
- ๋ธ๋ผ์ฐ์ ๋ HTML, CSS, ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์คํํด ์นํ์ด์ง๋ฅผ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ ๋๋งํ๋ ๊ฒ์ด ์ฃผ๋ ๋ชฉ์ ์ด๊ณ , Node.js๋ ๋ธ๋ผ์ฐ์ ์ธ๋ถ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ ํ๊ฒฝ์ ์ ๊ณตํ๋ ๊ฒ์ด ์ฃผ๋ ๋ชฉ์ ์ด๋ค.
'๐ Jero's Review > ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
07์ฅ. ์ฐ์ฐ์ (0) | 2025.02.12 |
---|---|
06์ฅ. ๋ฐ์ดํฐ ํ์ (2) | 2025.02.12 |
05์ฅ. ํํ์๊ณผ ๋ฌธ (0) | 2025.02.11 |
04์ฅ. ๋ณ์ (0) | 2025.02.11 |
01์ฅ. ํ๋ก๊ทธ๋๋ฐ (1) | 2025.02.11 |