์ด ๊ฐ์ข๋ ํจ์ํ ํ๋ก๊ทธ๋๋ฐ๊ณผ JavaScript ES6+์ ์๋ฆฌ์ฆ ๊ฐ์ข๋ก ๋ค์ํ ์์ฉ ์ฌ๋ก๋ฅผ ๋ค๋ฃน๋๋ค.
ํจ์ํ ํ๋ก๊ทธ๋๋ฐ
์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ
๋์์ฑ ํ๋ก๊ทธ๋๋ฐ
ํ๋ก ํธ์๋์์ ํจ์ํ ํ๋ก๊ทธ๋๋ฐ ์์ฉํ๊ธฐ
๋ฐฑ์๋์์ ํจ์ํ ํ๋ก๊ทธ๋๋ฐ ์์ฉํ๊ธฐ
์์ฐ์ฑ์ ๋์ด๋ ํจ์ํ ์ฝ๋ ์์ฑ!
์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ์์ฉํด์ ๐
์๋ฐ์คํฌ๋ฆฝํธ๋ ES6+๊ฐ ๋๋ฉด์ ์ธ์ด์์ ์ดํฐ๋ฌ๋ธ ํ๋กํ ์ฝ์ ํน๋ณํ ๊ฐ์กฐํ๊ณ ์์ต๋๋ค. ์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ํตํด ๋ช ๋ นํ ์ฝ๋๋ฅผ ๋์ฒดํฉ๋๋ค. ์ฌ๋ณผ/์ดํฐ๋ฌ๋ธ/์ดํฐ๋ ์ดํฐ/์ ๋๋ ์ดํฐ, Promise/async/await ๋ฑ์ ํ๋กํ ์ฝ์ด ๊ฐ์กฐ๋๊ณ ์์ต๋๋ค. ์ดํ ๋ฒ์ ์์๋ async/await/for...await-of/Async Iterator ๋ฑ์ผ๋ก ํ๋กํ ์ฝ์ด ๋ฐ์ ํ๊ณ ์์ต๋๋ค.
์ด ๊ฐ์๋ 'ํจ์ํ ํ๋ก๊ทธ๋๋ฐ๊ณผ JavaScript ES6+'์ ํ์ ๊ฐ์๋ก ํจ์ํ ํ๋ก๊ทธ๋๋ฐ, ์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ๋ค์ํ๊ฒ ์์ฉํฉ๋๋ค. ์ด ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด ์๋ฌ๊ฐ ๋๊ธฐ ์ฌ์ด i++, j++, if, for, break ๋ฑ์ ๋ช ๋ นํ ์ฝ๋๋ฅผ ๋์ด์ ์์ฑํ์ง ์์ ์ ์์ต๋๋ค. ์๋ฌ์จ์ด ์ ์ผ๋ฉฐ, ์์ฐ์ฑ์ด ๋๊ณ , ์๋ฆ๋ค์ด ํํ๋ ฅ์ ๊ฐ์ง ํจ์ํ ์ฝ๋๋ฅผ ์์ฑํด๋ณด์ธ์!
ES5 ๋ฌธ๋ฒ ํ๋ก๊ทธ๋๋ฐ์ ๋ถํธํจ ๐ฅฒ
2008๋ ๋ ์ฏค ๋ถํฐ ๋ฆฌ์ต, ์ดํฐ๋ฌ๋ธ, ๋ฆฌ์กํฐ๋ธ ๋ฑ์ ๊ธฐ๋ฐ์ผ๋กํ ํด๋ก์ , ์๋ฆญ์, ์ค์นผ๋ผ์ ๊ฐ์ ๋ค์ํ ํจ์ํ ์ธ์ด๋ค์ด ์๊ฒจ๋๊ณ , ๋ค๋ฅธ ์ธ์ด๋ค์์๋ ๋ง์ ๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ด ์๊ฒจ๋๋๋, ์ต๊ทผ์ ์ด๋ฅด๋ฌ์๋ ํ์ ์์ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ์๋ฐ, ์ค์ํํธ, ์ฝํ๋ฆฐ, ์๋ฐ์คํฌ๋ฆฝํธ ๋ฑ์ ๋๋ค๊ฐ ์ ์ฉ๋๊ณ , ์คํธ๋ฆผ ํน์ ์ดํฐ๋ฌ๋ธ์ด๋ผ๋ ์ด๋ฆ์ผ๋ก ์ธ์ด ์์ฒด์ LISP ํน์ FP๊ฐ ๋์ ๋์์ต๋๋ค. ๋ ๋ค์ํ ์ํฉ์์ ํจ์ํ ํ๋ก๊ทธ๋๋ฐ์ด๋ ์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ด ํ์ํ๋ค๋ ์ธ์์ด ํผ์ง๊ณ ์๊ณ , ์ด๋ฌํ ๊ธฐ์ ๋ค์ด ์ค๋ฌด์์ ์์ฐ์ค๋ฝ๊ฒ ์ฌ์ฉ๋๊ณ ์์ต๋๋ค.
ํจ์ํ/์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ด ๋ชจ๋ ์ธ์ด์ ์ ์ฉ๋๊ณ ์๋ ๊ฒ์ ์ค์ ์ ์ธ ๊ฐ์น ๋๋ฌธ์ ๋๋ค. ์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ๋ฌธ์ ๋ฅผ ์๊ฒ ๋ง๋ค๊ณ ์กฐํฉ์ฑ์ ๋์ด๋๋ฐ ์ข์ ๋๊ตฌ์ ๋๋ค. ์ด์ ๋ ๊ฑฐ์ ๋๋ถ๋ถ์ ์ธ์ด์ ์ ์ฉ๋๋ฉด์ ์ด ๋ฐฉ๋ฒ์ ํ ์ธ์ด์ ์ธ ํด๊ฒฐ์ฑ ์ด ๋์์ต๋๋ค.
ํนํ ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ดํฐ๋ฌ๋ธ/์ดํฐ๋ ์ดํฐ/์ ๋๋ ์ดํฐ/์ฌ๋ณผ ๋ฑ์ ๊ธฐ๋ฐ์ผ๋ก ๋งค์ฐ ๋ฐ์ด๋ ํ๋กํ ์ฝ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ์ด๋ฌํ ํ๋กํ ์ฝ์ ๊ฐ๋ฐ์๋ก ํ์ฌ๊ธ ์ธ์ด๋ฅผ ๋ค๋ฃจ๋ผ๊ณ ์ด์ผ๊ธฐํ๊ณ ์์ต๋๋ค. ES6+์ ์ง์ง ๋งค๋ ฅ์ ์ด '์ดํฐ๋ฌ๋ธ ํ๋กํ ์ฝ'์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ์์ฐ์ฑ์ ๋์ด๊ณ , ์ค๋ฅ์จ์ ์ค์ด๊ณ , ์ ์ง๋ณด์๊ฐ ์ฉ์ดํ ์ฝ๋๋ฅผ ์์ฑํ ์ ์๊ฒ ํ๋ ์์ฃผ ํ๋ฅญํ ๋๊ตฌ์ ๋๋ค.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
ํจ์ํ ํ๋ก๊ทธ๋๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
์ดํฐ๋ฌ๋ธ ํ๋ก๊ทธ๋๋ฐ ์์ฉ๋ฒ์ ์๊ณ ์ถ์ ๋ถ
ํจ์ํ/์ดํฐ๋ฌ๋ธ/๋์์ฑ ์ค์ ์ฌ์ฉ ์ฌ๋ก๊ฐ ๊ถ๊ธํ ๋ถ
๊ฐ๊ฒฐํ๊ณ ์ฐ์ํ ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์ถ์ ๋ถ
JS ๊ฐ๋ฐ์๋ก์ ํ ๋จ๊ณ ๋์ฝํ๊ณ ์ถ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
ํจ์ํ ํ๋ก๊ทธ๋๋ฐ๊ณผ JavaScript ES6+ ์ธํ๋ฐ ๊ฐ์
ES6+ ๊ธฐ๋ณธ ๋ฌธ๋ฒ
์ดํฐ๋ฌ๋ธ/์ดํฐ๋ ์ดํฐ/์ ๋๋ ์ดํฐ
21,857
๋ช
์๊ฐ์
725
๊ฐ
์๊ฐํ
453
๊ฐ
๋ต๋ณ
4.9
์
๊ฐ์ ํ์
3
๊ฐ
๊ฐ์
๋งํ์ฝํผ๋ ์ด์ CTO
์ ์นด์นด์ค, ์์จ์ํํธ ์คํ๋ง๋ฃจ ์คํ๋์ค ๊ฐ๋ฐ์
๋งํ๊ฐ๋ฐ๋ํ ์ ํ๋ธ ์ฑ๋, ์จ๋ผ์ธ ์ปค๋ฎค๋ํฐ
๊ฐ์ฒด์งํฅ FE ๋ผ์ด๋ธ๋ฌ๋ฆฌ Rune ๊ฐ๋ฐ
ํจ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ FxTS ์ค๊ณ ์ฐธ์ฌ
ํจ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ FxJS ๊ฐ๋ฐ
ํจ์ํ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฟผ๋ฆฌ ๋น๋ FxSQL ๊ฐ๋ฐ
ํจ์ํ DOM ์กฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ FxJS-DOM ๊ฐ๋ฐ
ํจ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ด์ค๋ถ ๊ทธ๋ฃน ์ด์
๋ค์ด๋ฒ, ๋ฅ์จ, ์นด์นด์ค ๊ฐ๋ฐ์ ๋์ ๊ธฐ์ ๊ต์ก, ๊ธฐ์ ์ถ๊ฐ
๋ค์์ ์จ/์คํ๋ผ์ธ ๊ฐ์
์ ์ฒด
48๊ฐ โ (6์๊ฐ 2๋ถ)
๋ค์ด๊ฐ๋ฉฐ
03:54
if๋ฅผ filter๋ก
07:38
break๋ฅผ take๋ก
00:52
while์ range๋ก
06:46
์ถ์ต์ ๊ตฌ๊ตฌ๋จ
03:20
query1, query2
08:15
query3, query4
09:26
queryToObject
05:17