๐๏ธ ์ด JS ์ฃผ์ ๋ค์ ๋ฐฐ์ฐ๊ธฐ ์ ์๋ React๋ฅผ ์ฌ์ฉํ์ง ๋ง์ธ์!
React.js ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ ์ ๋ช ๊ฐ์ง ๊ธฐ๋ณธ์ ์ธ ์ฃผ์ ์ ๋ํ ์ดํด๊ฐ ํ์ํฉ๋๋ค. ๋ฌผ๋ก , ์ต๋ํ ๋นจ๋ฆฌ ๋ฉ์๋ ๊ธฐ์ ๋ค์ ์ฌ์ฉํ๊ณ ์ถ๊ฒ ์ง๋ง, ๋ ๋ฉ์ง ๊ธฐ์ ๋ก ์ฌ์ฉํ ์ ์๋๋ก ๊ธฐ๋ณธ ์ง์๋ค์ ์๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. 1๏ธโฃ DOM(Document Object Model) ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ DOM ๊ตฌ์กฐ์ ์ ๊ทผํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. ์ฐ์ , JavaScript๋ฅผ ์ฌ์ฉํ์ฌ DOM์ ์กฐ์ํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์์ผ ํฉ๋๋ค. [https://www.w3schools.com/js/js_htmldom.asp] 2๏ธโฃ Promises ๋ฏธ๋์ ์ด๋ค ๊ฐ์ ๋ฐ๊ฒ ๋ค๊ณ ์ฝ์ํ๋ ํน๋ณํ ๊ฐ์ฒด์ ๋๋ค. resolve ๋๋ rejectํ ์ ์์ต๋๋ค. [https://www.w3schools.com/js/js_promise.asp] 3๏ธโฃ Async / Await ๋น๋๊ธฐ ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ ์ํ ๊ตฌ๋ฌธ์ผ๋ก, ์ฝ๊ธฐ ์ข์ ์ฝ๋๋ฅผ ์์ฑํ ์ ์๊ฒ ๋์์ค๋๋ค. [https://youtu.be/PoRJizFvM7s] 4๏ธโฃ ES6+ JavaScript์ ํ์ค ์ฌ์์ ๋๋ค. ์๋กญ๊ณ ํฅ์๋ ๋ง์ ๊ธฐ๋ฅ๋ค์ด ์ถ๊ฐ๋์์ต๋๋ค. [https://www.w3schools.com/js/js_es6.asp] 5๏ธโฃ Vanilla JS ๋ ๋ง์ ๊ธฐ๋ณธ ์ง์๋ค์ ๋ฐฐ์ฐ๊ณ ์ถ๋ค๋ฉด, ๋ค์ GitHub repo๋ฅผ ์ดํด๋ณด์ธ์. [https://github.com/snipcart/learn-vanilla-js]