Web Programming์ ๋ํด ๊ฑฐ์ ์์ง ๋ชปํ๊ธฐ ๋๋ฌธ์ ์ด๋ฒ ๋ฐฉํ ๋ ์กฐ๊ธ์ฉ ๊ณต๋ถ๋ฅผ ํด๋ณด๊ณ ์ ํ๋ค. ์ผ๋จ ๋ด๊ฐ ์ฌ์ฉํ๊ณ ์๋ IDE ์ค์์ VSCODE๋ฅผ ์ ํํ์ฌ ์น ํ๋ก๊ทธ๋๋ฐ์ ๋ํด ๊ณต๋ถ๋ฅผ ํด๋ณผ ๊ฒ์ด๋ค. folder๋ฅผ ์์ฑํ ํ, ๋ด๋ถ์ ์ํ๋ ์ด๋ฆ + .html ํ์ผ์ ์์ฑํ๋ค. HTML, CSS, JS์ ๋ํด ๊ฑฐ์ ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ธฐ ๋๋ฌธ์ ์๊ณ ์๋ ๊ฐ๋จํ ๋ฌธ๋ฒ๋ง์ ์ฌ์ฉํด์ HTML file ์ ์์ฑํด๋ณด์๋ค. it's basic file
๋ฐ ํ์ผ์ ๋ฐํ์ผ๋ก ๋ค์ด๋ก๋ https://github.com/axios/axios ๊ธฐ์กด์ ๊ฐ์ง๊ณ ์๋ NPM ํ์ผ ์ค์น ํ, ๊ทธ ๋ด๋ถ์ Axios ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ค์ด๋ก๋ ํ๊ณ ์ ํ๋ค. ์ด๊ฒ์ด ์์ผ๋ฉด, ๊ธฐ์กด์ Spring boot๋ก ๋ง๋ค์๋ ์๋ฒ์ ์ฐ๊ฒฐ์ด ๊ฐ๋ฅํ์ฌ ์๋ฒ๊ฐ ๊บผ์ง์ง ์๋๋์์ ์๋ก๊ณ ์นจ์ ํ์ฌ๋ ๋ฐ์ดํฐ๊ฐ ์ฌ๋ผ์ง์ง ์๋๋ค๊ณ ํ๋ค,, VueJS ํ๋ ์์ํธ(HTML) "frontend" ํ์ผ์ VS Code๋ก ์ด์ด ๋ด๋ถ Terminal๋ก ๋ค์ด๋ก๋๋ฅผ ์คํํ๋ค. ๋ค์ด๋ก๋๊ฐ ์๋ฃ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
NPM์ ์ค์นํ๊ธฐ ์ํด์๋ https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ์ด ์ฌ์ดํธ์ ๋ค์ด๊ฐ์ ์ ํ์ผ์ ๋ค์ด๋ฐ์ ์ค์นํ๋ฉด NPM ์ค์น ์๋ฃ ์ค์น ๋จ์ ํ์ธํ๊ธฐ ์ํด CMD ์ฐฝ์์ ์
๋ ฅ์ ํด๋ณด๋ฉด ์ค์น ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. ์ด์ ํ๊ต ์์
์๊ฐ [๊ฐ์ฒด ์งํฅ์ ์ฌ๊ณ ์ ํ๋ก๊ทธ๋๋ฐ]์์ ํ์๋กํ๋ NPM ํ๋ก๊ทธ๋จ์ ์ ๋๋ก ์ค์นํด๋ณด์. - ํ๋ก์ ํธ ํ์ผ ์ค์น CMD ์ฐฝ์์ frontend ํ์ผ์ ์์ฑํด๋ณด์ //frontend ํ์ผ ์์ฑ mkdir frontend //frontend ํ์ผ๋ก ๋ค์ด๊ฐ cd frontend/ ..