JavaScript๋ฅผ ์ด์ฉํ์ฌ ๋์ ์ธ ์์๋ฅผ ์ถ๊ฐํ ์์๋ค๋ ๊ฒ์ ์๊ฒ ๋์๊ณ , ์กฐ๊ธ ๋ ์ฌ๋ฐ๋ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ ์ํด์ JavaScript๋ฅผ ๊ณต๋ถํ๊ธฐ๋ก ๊ฒฐ์ ํ์๊ณ Momentum Clone Coding์ ์งํ์๋ค.
JavaScript๋ฅผ ๊ณต๋ถํ๊ธฐ ์ํด ๊ฐ์๋ฅผ ์ฐพ์๋ณด๋ ์ค, Momentum Clone Coding ๊ฐ์๋ฅผ ๋ณด๊ฒ ๋์๊ณ , ๊ฐ์๋ฅผ ๋ฐ๋ผํ๋ฉฐ ๊ณต๋ถํ๊ธฐ๋ก ํ์๋ค.
๐ JavaScript์ ๋ํ ์ดํด
๐ HTML, CSS์๋ ๋ฌ๋ฆฌ JavaScript๋ผ๋ ์ธ์ด๋ ์ง๊ด์ ์ด์ง ์์๊ณ , ํ์ต์ด ํ์ํ๋ค. ๋จ์ํ ๊ฐ์๋ฅผ ๋ฐ๋ผ ์ฝ๋๋ฅผ ์
๋ ฅํ์ผ๋ฉด, ์์ฑ์ ์ด๋ ต์ง ์์๊ฒ ์ง๋ง, JavaScript์ ๋ฌธ๋ฒ์ ๋ํ ์ดํด๊ฐ ๋ถ์กฑํ์ฌ ๊ฐ์๋ฅผ ๋ณด๊ธฐ์ JavaScript๋ฅผ ๋จผ์ ๊ณต๋ถํด์ผ ๊ฒ ๋ค๋ ๊ฒฐ๋ก ์ ๋ด๋ ธ๋ค.
๐ ํผ์๋ง์ ํ๋ก์ ํธ
๐ ์ฝ๋๋ฅผ ์์ฑํ๊ณ , ํผ์์ ๊ฐ์์ ๋์จ๊ฒ๊ณผ ๊ฐ์ Logic๋ค์ ๊ตฌ์ํ ์์๋์ง ๊ฑฑ์ ์ด ๋์๋ค. ๊ฐ์์ ๋ค์ด๊ฐ Logic๋ค์ด ๊ทธ๋ฆฌ ๋ง์ง๋ ์์์ง๋ง JavaScript์ ๋ํ ์ดํด๊ฐ ๋ถ์กฑํ ์ํ์ด๊ธฐ ๋๋ฌธ์ ์ด๋ ต๊ฒ ๋๊ปด์ง๋ค๊ณ ๊ฒฐ๋ก ์ ๋ด๋ ธ๊ณ , JavaScript๋ฅผ ๊ณต๋ถํ๋ฉด ํด๊ฒฐ๋ ๋ฌธ์ ๋ผ๊ณ ๊ฒฐ๋ก ์ ๋ด๋ ธ๋ค.
JavaScript์ ์ข๋ ์ต์ํด์ง๊ณ , ๊ณต๋ถ๋ฅผ ํ๊ณ ์ถ์ดํ๋ก์ ํธ์ ์ถ๊ฐ์ ์ผ๋ก ์๋์ ๊ฐ์ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์๋ค.
ํ์๋ก ์
๋ ฅํ๋ ๊ฒ ๊ฐ์ ํจ๊ณผ๋ฅผ ์ถ๊ฐํ๋ฉด์ ์ค์ค๋ก ์ด๋ค ๊ธฐ๋ฅ์ ์ถ๊ฐํ ์ง ๊ณ ๋ฏผํ ๊ฒฝํ์ ๊ฐ์ง๊ฒ ๋์๋ค. ๋ํ ๋ชจ๋ฐ์ผ ํ๋ฉด์ ์ด๋ป๊ฒ ๋ณด์ฌ์ค์ง ๊ณ ๋ฏผํ๋ฉด์ ์ด๋ค๊ฒ ๋ค์ ๊ณต๋ถํด์ผ ํ ์ง ๊ณ ๋ฏผํ ์์์๋ค.
OpenAPI๋ฅผ ์ฒ์์ผ๋ก ์ฌ์ฉํด๋ดค๋ค. OpenAPI๋ง ์ฌ์ฉํด๋ ์ข๋ ํ๋ฆฌํฐ ๋์ ํ๋ก์ ํธ๋ฅผ ์งํํ ์์๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๊ณ , API๋ฅผ ํผ์์ ๋ง๋ค ์์๋ค๋ฉด ์ฌ๋ฐ์๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
API๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์์๋ณด๋ BackEnd๋ฅผ ๊ณต๋ถํด์ผ ํ๋ค๋ ์ฌ์ค์ ์๊ฒ ๋์๊ณ , ์ข๋ JavaScript๋ฅผ ๊ณต๋ถํ ๋ค BackEnd์ ๊ด๋ จ๋ ๊ณต๋ถ๋ ํด๋ด์ผ๊ฒ ๋ค๋ ์๊ฐ์ ๊ฐ์ง๊ฒ ๋์๋ค.