โ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ฐ๋ ๋ค๋ฅด๋ค
์๋ฐ์คํฌ๋ฆฝํธ
- ์ธํฐ๋ท ์ด์ฐฝ๊ธฐ ์น ๋ธ๋ผ์ฐ์ ์์ฅ์ ์๊ถํ๊ณ ์๋ ๋ท์ค์ผ์ดํ์์ ์น๋ฌธ์๋ฅผ ์ข ๋ ๋์ ์ผ๋ก ํ์ํ๊ธฐ ์ํด ๋ผ์ด๋ธ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ๋ฐ → ์๋ก์ด ๊ธฐ์ ์ ํตํด HTML๋ก๋ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ถ๊ฐ
- 1995๋
, ์ฌ ๋ง์ดํฌ๋ก์ฆ์์คํ
์ฆ๊ฐ ๋ผ์ด๋ธ์คํฌ๋ฆฝํธ ๊ฐ๋ฐ๊ถ์ ๋๊ฒจ๋ฐ์(→ ์๋ฐ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ๋ง๋ ํ์ฌ)
๊ทธ ์ด๋ฆ์ ๋ฐ์ '๋ผ์ด๋ธ์คํฌ๋ฆฝํธ' ๋์ '์๋ฐ์คํฌ๋ฆฝํธ'๋ผ๋ ์ด๋ฆ์ ๋ถ์ด๊ฒ ๋จ - 1997๋ 6์, ์๋ฐ์คํฌ๋ฆฝํธ๋ ์คํฌ๋ฆฝํธ ํ์ค์ผ๋ก ์ฑํ๋์๊ณ ์ด๋ ๊ณต์์ ์ธ ์ด๋ฆ์ด '์ํฌ๋ง์คํฌ๋ฆฝํธ'๋ก ์ ํด์ง
- ์ํฌ๋ง์คํฌ๋ฆฝํธ๋ ์ ๋ฐ์ดํธ ๋ ๋๋ง๋ค ์ด๋ฆ์ ๋ค์ ๋ ๋๋ฅผ ๋ถ์(ex. ์ํฌ๋ง์คํฌ๋ฆฝํธ 2015(ES6๋ผ๊ณ ๋ ๋ถ๋ฆผ))
- ์ํฌ๋ง์คํฌ๋ฆฝํธ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ์คํ๋ ์คํฌ๋ฆฝํธ ์ธ์ด์
- ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ํฌ๋ง์คํฌ๋ฆฝํธ์ ํ์ค ์ฌ์์ ๋ฐ๋ฅด๋ ๊ฐ์ฅ ์ ๋ช ํ ์ธ์ด์ง๋ง, ์ด ์ธ์๋ ์ฌ๋ฌ ์คํฌ๋ฆฝํธ ์ธ์ด๊ฐ ์์
- ํ์ฌ ๋ชจ๋ ์น ๋ธ๋ผ์ฐ์ ๋ค์ ๋๋ถ๋ถ ์ํฌ๋ง์คํฌ๋ฆฝํธ 2015(ES6)๋ฅผ ์ง์ํ๊ณ ์์
ํด๋ผ์ด์ธํธ์ ์๋ฒ
- ์ฌ์ฉ์์ ๋์ ๋ณด์ด๋ ๋ถ๋ถ → ํด๋ผ์ด์ธํธ / ๋์ ๋ณด์ด์ง ์๋ ๋ถ๋ถ → ์๋ฒ
- ์ธํฐ๋ท์ ์ง์ ์ฐ๊ฒฐ๋ ์ปดํจํฐ → ์๋ฒ ์ปดํจํฐ / ์ฌ์ฉ์๊ฐ ์ธํฐ๋ท ์ ๋ณด๋ฅผ ๋ณผ ๋ ์ฌ์ฉํ๋ PC๋ ๋ ธํธ๋ถ, ํ๋ธ๋ฆฟ, ์ค๋งํธํฐ → ํด๋ผ์ด์ธํธ ์ปดํจํฐ
ํ๋ก ํธ์๋ ๊ฐ๋ฐ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ
- ํด๋ผ์ด์ธํธ ์ชฝ ๊ฐ๋ฐ → ํ๋ก ํธ์ํธ ๊ฐ๋ฐ
- ํ๋ก ํธ์๋: ์์ ์์ด์ ์ฌ์ฉ์์๊ฒ ๋ณด์ด๋ ๋ถ๋ถ
- ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ฉด์ ํ๋ก ํธ์ํธ ๊ฐ๋ฐ์ ์ข ๋ ์ฝ๊ฒ ๋์์ฃผ๋ ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ง์ด ๋ฑ์ฅํ๊ณ ์์
์ข ๋ฅ | ๊ธฐ๋ฅ | ๊ด๋ จ URL |
React | ํ์ด์ค๋ถ์์ ๋ง๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค ์ ์์ | reactjs.org |
Vue.js | ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค์ด ์ฃผ๋ ํ๋ ์์ํฌ. ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์ ์์ | vuejs.org |
Angular | ๊ตฌ๊ธ์์ ๊ฐ๋ฐํ ํ๋ ์์ํฌ. ์๋ง์ ๊ธฐ๋ฅ์ ์ง์ํ๋ฏ๋ก ํฐ ๊ท๋ชจ์ ์น ์ฌ์ดํธ๋ฅผ ๊ฐ๋ฐํ๋๋ฐ ์ ํจ | angular.io |
๋ฐฑ์๋ ๊ฐ๋ฐ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ
- ์๋ฒ ์ชฝ ๊ฐ๋ฐ → ๋ฐฑ์๋ ๊ฐ๋ฐ
- ๋ฐฑ์๋: ๋ค์ ์์ด์ ์ฌ์ฉ์์๊ฒ ๋ณด์ด์ง ์๋ ๋ถ๋ถ
- ํด๋ผ์ด์ธํธ ์ชฝ์์ ์ด๋ค ์์ฒญ์ ํ๋ฉด ์๋ฒ์์๋ ์์ฒญ์ ์ฒ๋ฆฌํ๊ธฐ ์ํ ํ๋ก๊ทธ๋จ์ ์คํ → ์ด๋ ์๋ฒ์์ ์คํํ ํ๋ก๊ทธ๋จ์ ๋ง๋๋ ๊ฒ์ด ๋ฐฑ์๋ ๊ฐ๋ฐ
- ์๋ฐ๋ฅผ ๋น๋กฏํ์ฌ C#, PHP ๋ฑ ์ธ์ด ์ฌ์ฉ. ์์ฆ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋น๋กฏํด ํ์ด์ฌ, Go ๋ฑ์ ์ธ์ด๋ ๋ง์ด ์ฌ์ฉํจ → ํ๋ก์ ํธ์ ๋ฐ๋ผ ์ฌ์ฉํ๋ ์ธ์ด ๋ฌ๋ผ์ง
- ๋ฐ์ดํฐ๋ฒ ์ด์ค์์ ๋ฐ์ดํฐ๋ฅผ ์กฐํํ๊ณ ์์ ํ๋ ๊ฐ๋จํ ์์ ์ด๋, ์๋ฒ์์ ์ฒ๋ฆฌํ ๊ฒฐ๊ณผ๋ฅผ ํด๋ผ์ด์ธํธ๋ก ๋ณด๋ด๋ ํ๋ก๊ทธ๋จ์ด๋ผ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์ ๋ฆฌํ ์ ์์
- ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ ๋ฐฑ์๋ ๊ฐ๋ฐ์๋ 'Node.js'๋ผ๋ ํ๋ ์์ํฌ ์ฌ์ฉ → Node.js๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฒ์์ ํ์ผ์ ์ฝ๊ณ ์ฐ๋ ๊ฒ๋ฟ๋ง ์๋๋ผ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์์ ๋ ํ ์ ์์, ๋์์ ์ฌ๋ฌ ์ฌ์ฉ์ ์์ฒญ์ ์ฒ๋ฆฌํ ์ ์๋ ๋คํธ์ํฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค ์๋ ์์.
๊ต์ฌ: Do it! ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ์ ์ ์