HTML, CSS ๋ฑ์ ๋งํฌ์ ์์ฑ๊ณผ Vue ์ธ์คํด์ค์์ ์ ์ํ ๋ฐ์ดํฐ ๋ฐ ๋ก์ง๋ค์ ์ฐ๊ฒฐํ์ฌ ์ฌ์ฉ์๊ฐ ๋ธ๋ผ์ฐ์ ์์ ๋ณผ ์ ์๋ ํํ์ HTML๋ก ๋ณํํด์ฃผ๋ ์์ฑ (ํ๋ฉด์ ๊ตฌ์ฒด์ ์ผ๋ก ๊พธ๋ฏธ๋ ๋ฐฉ๋ฒ & ๋ฌธ๋ฒ)๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ : HTML ํ๋ฉด ์์๋ฅผ Vue ์ธ์คํด์ค์ ๋ฐ์ดํฐ์
Vue.js๋ก ํ๋ฉด์ ๊ฐ๋ฐํ๊ธฐ ์ํด ํ์์ ์ผ๋ก ์์ฑํด์ผ ํ๋ ๊ธฐ๋ณธ ๋จ์el ์์ฑ : Vue๋ก ๋ง๋ ํ๋ฉด์ด ๊ทธ๋ ค์ง๋ ์์์ (Vue ์ธ์คํด์ค๋ก ํ๋ฉด์ ๋ ๋๋งํ ๋ ํ๋ฉด์ด ๊ทธ๋ ค์ง ์์น์ DOM ์์๋ฅผ ๋ฐ๋์ ์ง์ ํด์ผ ํจ)Vue๋ก ๊ฐ๋ฐํ ๋ ํ์ํ ๊ธฐ๋ฅ๋ค์ ์์ฑ์์ ๋ฏธ๋ฆฌ ์ ์
Vue Instance : ๋ ๊ณ ํVue Component : ๋ ๊ณ ๋ธ๋ญVue Router : ๋ ๊ณ ๋ค์ ๊ฒฐํฉ์ํค๋ ๊ฒVue Template : ์ด๋ฏธ ๋ง๋ค์ด์ ธ ์๋ ๋ค์ํ ํํ์ ๋ ๊ณ ๋ธ๋ญVue.js ๊ตฌ์ฑ ์์Vue ์ธ์คํด์ค ์์ฑVue ์ปดํฌ๋ํธ ์ค๊ณ ๋ฐ ์์ฑVue ์ปดํฌ๋ํธ
Vue.js๋? ๐ง ์น ํ์ด์ง ํ๋ฉด์ ๊ฐ๋ฐํ๊ธฐ ์ํ ์ ์ง์ ์ธ ํ๋ ์์ํฌ > - ์ ์ง์ ์ธ ํ๋ ์์ํฌ : ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ธฐ๋ฅ + ํ๋ ์์ํฌ ๊ธฐ๋ฅ > * > - ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ธฐ๋ฅ : ํ๋ฉด๋จ ๋ฐ์ดํฐ ํํ์ ๊ดํ ๊ธฐ๋ฅ๋ค์ ์ค์ ์ ์ผ๋ก ์ง์ > - ํ๋ ์์ํฌ ๊ธฐ๋ฅ : ๋ผ์ฐํฐ, ์ํ