Instance1 [Vue.js] ์ธ์คํด์ค์ ์์ฑ์ ์ธ์คํด์ค ๋ทฐ ์ธ์คํด์ค๋ ๋ทฐ ๊ฐ๋ฐ ์ ํ์๋ก ์์ฑํด์ผ ํ๋ ์ฝ๋ {{ message }} console.log(vm)์ ์ฐํ vue ์ธ์คํด์ค์ ์์ฑ๊ณผ API๋ค new Vue({…})๋ก ์ธ์คํด์ค๋ฅผ ๋ง๋ค๊ณ ์ธ์คํด์ค์ ๋ฏธ๋ฆฌ ์ ์๋ ์์ฑ๊ณผ ๊ธฐ๋ฅ๋ค์ ์ฌ์ฉ ํฌ๋กฌ ํ์ฅํ๋ก๊ทธ๋จ(Vue.js devtools) ์ค์น ์ ๋ธ๋ผ์ฐ์ ์์ Vue ๊ฐ๋ฐ์ ๋ ํจ์จ์ ์ผ๋ก ํ ์ ์์ ์ธ์คํด์ค๋ฅผ div์ ๋ถ์ด๋ฉด ์ธ์คํด์ค๋ฅผ ์ ์ฉํ ์๋ฆฌ๋จผํธ๋ Root ์ปดํฌ๋ํธ๊ฐ ๋จ ์์ฑ์ ํจ์ ์ผ๋ฐํจ์์ ๊ตฌ๋ถํ๊ธฐ ์ํด ํจ์๋ช ์์ด ๋๋ฌธ์๋ก ๋์ด ์๊ณ new ์ฐ์ฐ์๋ฅผ ํตํด ์ธ์คํด์ค๋ฅผ ์์ฑ ์์ฑ์ ํจ์์ ์์ฑ, ๊ธฐ๋ฅ๋ค์ ๋ฏธ๋ฆฌ ์ ์ํด ๋๊ณ ์ธ์คํด์ค๋ฅผ ๋ง๋ค์ด์ ๋ฏธ๋ฆฌ ์ ์๋ ์์ฑ๊ณผ ๊ธฐ๋ฅ ์ฌ์ฉ reference: https://www.inflearn.com/cour.. IT/development 2023. 7. 26. ์ด์ 1 ๋ค์