VUE 공부하기

1.vue 날씨 애플리케이션

post-thumbnail

첫 템플릿 (App.vue) v-bind: class or jus :class

2022년 10월 17일

2.tailwind + vue-router

post-thumbnail

출처 : https://www.youtube.com/watch?v=PnJwnf1Bdis&list=PLjh-ViK0OwrIrmJ1y6ElTDrPOE6HryH6F(입력) vue create . (질문) Generate project incurrent direct

2022년 10월 18일

3.Vue의 여러가지(return, ref, v-for, onMounted)

post-thumbnail

출처 : https://github.com/somteacodes/quizappvue/blob/Part-2/src/views/Home.vue 강의 출처 : https://www.youtube.com/watch?v=IuNx7Ts66rc&list=PLjh-ViK0OwrI

2022년 10월 18일

4.opentrivia api를 통해 데이터 적용하기(문제 맞추기)

post-thumbnail

출처 : https://www.youtube.com/watch?v=0WWOP9QysSc코드 : https://github.com/somteacodes/quizappvue/blob/master/src/views/Home.vue기존 questions 값은

2022년 10월 21일

5.googleMap + vue3(vue3-google-map 사용)

post-thumbnail

출처 : https://vue3-google-map.netlify.app/getting-started/ 목적 : 지도에 마커(빨강색 표시) + 마커를 눌렀을 때 정보가 나왔으면 함 > npm i vue3-google-map [main.js] [App.js]

2022년 10월 21일