Programming Language/HTML | CSS | JS

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/ ..
chaerlo127
'Programming Language/HTML | CSS | JS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (2 Page)