๋ณธ ๊ฐ์๋ ํ์คํ ์น ๊ฐ๋ฐ์ ์์ฑ์ ์ํ [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค] ๊ฐ์ ์๋ฆฌ์ฆ ์ค ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ํ ๊ฐ์์ ๋๋ค. ์ด ๊ฐ์๋ ์ง์๊ณต์ ์์ ์ ์ <๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ>์ ๋ด์ฉ์ ๋ฐํ์ผ๋ก ๋ง๋ค์ด์ง ๊ฐ์์ ๋๋ค.
์ด๋ฐ ๊ฑธ
๋ฐฐ์์!
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๊ตฌ๋ฌธ
ES ์ต์ ๊ตฌ๋ฌธ
Ajax, XMLHttpRequest, Fetch API
DOM ์ ์ด
CRUD ํจํด ๊ตฌํ
์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ตํ๋ฉฐ
์ฃผ๋์ ์ธ ๊ฐ๋ฐ์๋ก ์ฑ์ฅํ๊ธฐ โจ
'๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ' ์ ์ ์ง๊ฐ!
์๋ฐ์คํฌ๋ฆฝํธ๋ง ์ ๋๋ก ๋ฐฐ์ฐ๋ฉด
ํ๋ฐํธ์๋์์ ๋ฐฑ์๋๊น์ง
๋ชจ๋ ํ๋ก๊ทธ๋จ์ ๊ตฌํํ ์ ์๊ฒ ๋ฉ๋๋ค.
์ต๊ทผ์๋ ๋๋ค์์ ์น์ด ํ๋ก ํธ์๋ ๋ฆฌ์กํธ, ๋ทฐ, ์ต๊ทค๋ฌ์ ๊ฐ์ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํด์ ๊ฐ๋ฐ๋๊ณ ์์ต๋๋ค. ์ด๋ฌํ ํ๋ก ํธ์ํธ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ์ง ์๋๋ผ๋ ์ต์ํ jQuery ๊ฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํตํด์ ๊ฐ๋ฐ์ ํธ์์ฑ์ ๊ฐ์ ธ๊ฐ๊ณ ์์ต๋๋ค.
์ ๋์ด ์๋ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ๋ฐ ์์ฐ์ฑ์ ํฅ์ํ ์ ์๊ณ , ์ผ์ ์์ค์ ์ฝ๋ ํ์ง์ ๋ณด์ฅ๋ฐ์ ์ ์์ต๋๋ค. ํ์ง๋ง ์น ๊ฐ๋ฐ์๊ฐ ์ด๋ฐ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ์คํ์์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ง ์์งํด์ ๊ฐ๋ฐํ๋ค ๋ณด๋ฉด, ์ด๋ ์๊ฐ ์ธ๋ถ ๋์ ์์ด๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๋ ์ํ์ ์ด๋ฅด๊ฒ ๋๊ธฐ๋ ํฉ๋๋ค.
์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๊ณ ์๋ ์๋ง์ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋๊ตฐ๊ฐ๊ฐ ๊ฐ๋ฐํด ๋์ ๊ฒ์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ง๊ธ ๋น์ฅ ๋์ธ์ด๊ณ ์์ํ ๊ฒ ๊ฐ์ ๋ฆฌ์กํธ๋ ๋ทฐ ๊ฐ์ ํ๋ ์์ํฌ๋ ์ธ์ ์ธ๋ฉด๋ฐ์์ง ๋ชจ๋ฅด๊ณ , ์น์ ๊ทธ ์ด๋ค ํ๊ฒฝ ๋ณด๋ค ๋น ๋ฅด๊ฒ ๋ฐ์ ํ๊ณ ์๊ธฐ ๋๋ฌธ์ ์์ผ๋ก๋ ๋ฌด์ํ ๋ง์ ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ง์์ ์ผ๋ก ๋์ฌ ๊ฒ์ ๋๋ค.
์ด๋ฐ ํ๋ฆ ์์์ ์ฐ๋ฆฌ ๊ฐ๋ฐ์๋ ๋ฌด์์ ์ง์คํด์ผ ํ ๊น์? ๊ทธ๊ฑด ๋ฐ๋ก ์์ ์๋ฐ์คํฌ๋ฆฝํธ, ์ฆ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋๋ค. ์ด๋ ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ํ๋ ์์ํฌ๋ฅผ ์ฐ์ง ์๋ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ '๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ'๋ผ๊ณ ๋ถ๋ฆ ๋๋ค.
JavaScript is Everywhere.
Node.js๊ฐ ๋์ค๋ฉด์ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ ์ด์ ์น ๋ธ๋ผ์ฐ์ ์ ์ข ์๋ ์ธ์ด๊ฐ ์๋๋๋ค. ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฌผ๋ก ์ด๊ณ ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ , ๋ชจ๋ฐ์ผ ์ฑ, ํค์ค์คํฌ, ๊ฒ์, ์๋์ด๋ ธ ๊ฐ์ ๋ง์ดํฌ๋ก ์ปจํธ๋กค๋ฌ๊น์ง ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ ์ ์๋ ๋ถ์ผ๋ ์ ์ ๋ค์ํด์ง๊ณ ์์ด์.
์๋ฐ์คํฌ๋ฆฝํธ ์ธ์ด ํ๋๋ฅผ ์ ์ตํ๋ ๊ฒ๋ง์ผ๋ก๋ ํ ์ ์๋ ๊ฒ ์ ์ ๋์ด๋๊ณ ์์ด์. ๊ทธ๋ฐ๋ฐ, ์ด ๋ง์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์์ ์ ์น ๋ธ๋ผ์ฐ์ ์์ HTML DOM์ ํธ๋ค๋งํ๋ ์ ๋์ ์์ค์ด ์๋ ์ข ๋ ๊ณ ์ฐจ์์ ์ธ ์ฝ๋ฉ์ ํด์ผ ํ๋ค๋ ๋ป์ด๊ธฐ๋ ํด์. ๊ทธ๋์, ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋๋ก ๋ฐฐ์ฐ๊ณ ์ ๋๋ก ์ฌ์ฉํ ์ ์์ด์ผ ํด์.
์๋ฐ์คํฌ๋ฆฝํธ๋ก ํ ์ ์๋ ๋ค์ํ ๊ฐ๋ฐ ๋ถ์ผ
์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค,
1. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - HTML&CSS ๊ธฐ์ด]
2. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ] ํ์ฌ ๊ฐ์
3. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - ๋ถํธ์คํธ๋ฉ ๊ธฐ์ด]
4. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - Vue.js ํ๋ก์ ํธ ํฌ์ ์ผ์ฃผ์ผ ์ - ๊ธฐ์ด์์ ์ค๋ฌด๊น์ง]
5. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - ๋ทํ๋ฆญ์ค์ ๋น๊ทผ๋ง์ผ ๋ถ์์ ํตํด ๋ฐฐ์ฐ๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ดํด]
6. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - Node.js ํ๋ก์ ํธ ํฌ์ ์ผ์ฃผ์ผ ์ - ๊ธฐ์ด์์ ์ค๋ฌด๊น์ง]
7. [์น ๊ฐ๋ฐ ํ์คํ ์ฝ์ค - ํฌํธํด๋ฆฌ์ค]
์ํํธ์จ์ด ๊ธฐ์ ์ ํตํด ์ธ์์ ์ ํ ์ํฅ๋ ฅ์ ์ฃผ๊ณ ์ถ์ 24๋
์ฐจ ์ํํธ์จ์ด ๊ฐ๋ฐ์.
์ง์์ ๋๋๋ ๊ฒ์ ์ข์ํ๊ณ , ํญ์ ์๋ก์ด ๊ธฐ์ ์ ์ตํ๋ ๊ฒ์ ์ฆ๊ฒจ์.
๊ตญ๋ด์ธ 60๊ฐ๊ฐ ๋๋ ๊ธ๋ก๋ฒ ๊ธฐ์ ERP ์์คํ ์ ๊ตฌ์ถํ๋ ์ปจ์คํดํธ ๋ฐ ๊ฐ๋ฐ์๋ก ํ๋ํ์๊ณ , ์ง์ ๊ฐ๋ฐํ ์ํํธ์จ์ด๋ฅผ ๊ตญ๋ด๋ ๋ฌผ๋ก ํด์ธ ์ ์์ ๊ธฐ์ ์ ํ๋งคํ ๊ฒฝํ ๋ํ ๊ฐ์ง๊ณ ์์ด์. IT ์คํํธ์ ๋ํ์ด์ฌ์ด๊ธฐ๋ ํด์.
๊ฐ๋ฐ์๋ฟ๋ง ์๋๋ผ UX ์ปจ์คํดํธ๋ก, ๋๋ก๋ ๋น์ฆ๋์ค ์ปจ์คํดํธ๋ก ์ผํ๋ฉด์ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์๋น์ค ๊ฐ๋ฐ ์ ๊ธฐํ์์ ๊ฐ๋ฐ๊น์ง ์ ๊ณผ์ ์ ๋ํ ์๋ง์ ๊ฒฝํ์ ์์์ต๋๋ค. ์ด์ ๋ 20๋ ์ด ๋๋ ์ค๋ฌด ๊ฒฝํ์ ๋ฐํ์ผ๋ก ํ๋ฐฐ๋ค์๊ฒ ์ ๋ง ํ์ํ ๊ธฐ์ , ์ ๋ง ์ ๋๋ก ๋ ์ง์์ ์ ๋ฌํ๋ ์ฌ๋ช ๊ฐ์ผ๋ก ์ง์์ ๋๋๋ ์ผ์ ํ๊ณ ์์ด์.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์น ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ์ ์ฌ๋
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๋ฅผ ์ ๋๋ก ๋ฐฐ์ฐ๊ณ ์ถ์ ์ฌ๋
์ ์ ์ง์,
ํ์ํ ๊น์?
HTML
CSS
10,216
๋ช
์๊ฐ์
208
๊ฐ
์๊ฐํ
152
๊ฐ
๋ต๋ณ
4.9
์
๊ฐ์ ํ์
8
๊ฐ
๊ฐ์
์ํํธ์จ์ด ๊ธฐ์ ์ ํตํด ์ธ์์ ์ ํ ์ํฅ๋ ฅ์ ์ฃผ๊ณ ์ถ์ 24๋
์ฐจ ์ํํธ์จ์ด ๊ฐ๋ฐ์.
์ง์์ ๋๋๋ ๊ฒ์ ์ข์ํ๊ณ ํญ์ ์๋ก์ด ๊ธฐ์ ์ ์ตํ๋ ๊ฒ์ ์ฆ๊ฒจ์.
๊ตญ๋ด์ธ 60๊ฐ๊ฐ ๋๋ ๊ธ๋ก๋ฒ ๊ธฐ์ ERP ์์คํ ์ ๊ตฌ์ถํ๋ ์ปจ์คํดํธ ๋ฐ ๊ฐ๋ฐ์๋ก ํ๋ํ์๊ณ , ์ง์ ๊ฐ๋ฐํ ์ํํธ์จ์ด๋ฅผ ๊ตญ๋ด๋ ๋ฌผ๋ก ํด์ธ ์ ์์ ๊ธฐ์ ์ ํ๋งค๋ฅผ ํ ๊ฒฝํ ๋ํ ๊ฐ์ง๊ณ ์์ด์. IT์คํํธ์ ๋ํ์ด์ฌ ์ด๊ธฐ๋ ํด์.
๊ฐ๋ฐ์ ๋ฟ๋ง ์๋๋ผ, UX ์ปจ์คํดํธ๋ก, ๋๋ก๋ ๋น์ฆ๋์ค ์ปจ์คํดํธ๋ก ์ผํ๋ฉด์ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์๋น์ค ๊ฐ๋ฐ ์ ๊ธฐํ์์ ๊ฐ๋ฐ๊น์ง ์ ๊ณผ์ ์ ๋ํ ์๋ง์ ๊ฒฝํ์ ์์๊ณ , ์ด์ ๋ 20๋ ์ด ๋๋ ์ค๋ฌด ๊ฒฝํ์ ๋ฐํ์ผ๋ก ํ๋ฐฐ๋ค์๊ฒ ์ ๋ง ํ์ํ ๊ธฐ์ , ์ ๋ง ์ ๋๋ก ๋ ์ง์์ ์ ๋ฌํ๋ ์ฌ๋ช ๊ฐ์ ๊ฐ๊ณ ์ง์ ๋๋์ ์ผ์ ํ๊ณ ์์ด์.
์ด๋ฉ์ผ - seungwon.go@gmail.com
์ ์ฒด
51๊ฐ โ (26์๊ฐ 26๋ถ)
๊ธฐ๋ณธ ๋ฐ์ดํฐ ํ์
31:43
์ฐ์ฐ์
36:41
์กฐ๊ฑด๋ฌธ
36:21
๋ฐ๋ณต๋ฌธ
01:03:44
ํจ์
44:35
String ๊ฐ์ฒด ๋ด์ฅ ํจ์
01:28:21
Array ๊ฐ์ฒด ๋ด์ฅ ํจ์
01:40:53
this ํค์๋
13:45
์ค์ฝํ(scope)
08:03
ํ์ดํ ํจ์
16:08
ํ ํ๋ฆฟ ๋ฆฌํฐ๋ด
06:35
Fetch API
27:34
async & await
11:27
๋ชจ๋(module)
10:59
ํด๋์ค(class)
19:55
์ค๋ฅ์ฒ๋ฆฌ(error)
16:47
์ โฉ52,800
5๊ฐ์ ํ ๋ถ ์
โฉ264,000