์น ์ฌ์ดํธ๋ค์ ๋ณด๋ฉด ์์ ์ ์ฌ์ดํธ ๋ณ๋ก,๊ฐ์ฑ ๋์น๋ favicon ๋ค์ด ์ง์ ๋์ด ์๋ค.๊ทผ๋ฐ ๋ด ํ๋ก์ ํธ๋ ์๊ทธ๋ ๋ค..์ฃผ๋ฅต๐ฅฒ์ค๋์ Vue.js ํ๋ก์ ํธ์ favicon์ ์ค์ ํด๋ณด์.ํ์ผ ์ฌ์ด์ฆ๋ ์ค์ํ์ง ์์ง๋ง ๊ฐ์ ๊ฐ๋ก ์ธ๋ก ๊ธธ์ด๋ฅผ ๊ฐ์ง๋ PNG ํ์ผ์ด๋ ico ํ์ผ
vue ํ์ด์ง์ ํ์ดํ ๋ณ๊ฒฝ\[๋ฌ๋์ํฐ ๊ฐ๋ฐ ๋ธ๋ก๊ทธ]Vue.js ํ๋ก์ ํธ๋ฅผ ๊ตฌ์ฑ ํ ๋ Vue-cli์์ Project ๋ช ์นญ์ ์ ํ๊ฒ ๋๋๋ฐ,์ด๋ ์ค์ ํ ํ๋ก์ ํธ ๋ช ์ด title๋ก ๋จ์์๋ค.์ ๊ฑฐ์ฌ๋ ค์ด title์ ๋ณ๊ฒฝํ๋ 2๊ฐ์ง ๋ฐฉ๋ฒ์ ์ดํด๋ณด์.Vue.js ํ๋ก์ ํธ
Bootstrap-vue.orgVue.js ํ๋ก์ ํธ๋ฅผ ์งํํ๋๋ฐ,์์ ํ ํ๋ฆฟ ํ ๋ง๋ค์ ๋ค์ด๋ก๋ ๋ฐ์์ ์ฌ์ฉํ๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.์ฌ๊ธฐ์ ์ด์ ํ ๋ง๋ค ๋ฐ์ ์๋ ์๋ค. >> vuejs.org-ํ ๋งํ์ง๋ง ํ ๋ง ํ ํ๋ฆฟ์์ ์ฌ์ฉํ๋ค ๋ณด๋ฉด ์ฌ์ฉํ์ง ์๋ ๋ถ๋ถ๋ค์ด ๋ฆฌ์์ค๋ฅผ ๋ญ๋น
Axios Axios๋ Vue.js์์ Ajax ์ ์ก์ ๋์์ฃผ๋ HTTP ํด๋ผ์ด์ธํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค. Axios์ ํน์ง์ ์์ฒญ ์ทจ์์ TypeScript๋ฅผ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ์ด๋ค. Axios ์ค์น vue-cli๋ฅผ ์ฌ์ฉํ์ฌ Vue.js ํ๋ก์ ํธ๋ฅผ ๊ตฌ์ฑํ์๋ค๋ฉด, ์๋
๋ถ๋ชจ์์์์ ์์์์ method ํธ์ถ Vue.js์์ ๋ถ๋ชจ์์์์ ์์ ์์์ method๋ฅผ ํธ์ถํ๋ ค๋ฉด, ๋จผ์ ๋ถ๋ชจ ์์์์ ์์ ์์ Element์ ref๋ผ๋ ์ฃผ์ value๋ฅผ ์ ์ธํด์ค๋ค. // ๋ถ๋ชจ ์์ <template> // ์์์์ element์
Vue Binding Directive Vue๋ v-model์ด๋ผ๋ ์๋ฐฉํฅ Data Binding Directive๋ฅผ ์ ๊ณตํ๊ณ ์๋ค. v-model์ ๋์ผ Component๋ด์์ ์ ๋ ฅ ๊ฐ์ Component Data์ Bindingํ๊ธฐ์ ์ต์ ์ธ Directive์ด๋ค.