Vue.js8 Vite + Vue3 + TypeScript 설치하기 1. Vite : webpack과 같은 번들링 도구 2. Vue : vue3의 가장 큰 특징은 option API가 아니라 Composition API를 사용한다는 점이다. 3. TypeScript : compile 단계에서 Error를 잡아주기 때문에 디버깅이나 효율성 측면에서 굉장히 높은 평가를 받고 있다. // npm 6.x 이하 npm create vite@latest —template vue-ts // npm 7.x 이상 npm create vite@latest -- —template vue-ts ** node.js version은 16.x 이상에서 사용해야 한다. 실행 명령어 터미널 창에서 npx vite --port=4000 2023. 1. 8. [퍼블리싱] footer 바닥에 두기 이슈 content 영역이 부족한 경우 footer에 {position: relative; bottom:0; }을 줬다 해도, 아래 그림과 같이 footer 가 중간에 붕 뜬다. 이런 경우, body{height: 100%;} 와 content영역에 .wrap {position: relative; height: 100%; min-height: 100%; } #app{height: 100%; } css를 지정해줘야 한다. 2022. 8. 16. vue에서 addClass, removeClass 처럼 사용 HTML Link 1 Link 2 Link 3 SCRIPT var app = new Vue({ el:"#app", data:{ active_el:0 }, methods:{ activate:function(el){ this.active_el = el; } } }); CSS ul > li:hover { cursor:pointer; } .active { color:red; font-weight:bold; } 2022. 8. 8. 1:1 error The template root requires exactly one element 해당 에러는 root를 하나로 설정해야 되는 규칙을 위반해서 나타나는 것이다. 해결방안으로는 하단을 로 감싸줘야 된다. test 2022. 8. 8. 이전 1 2 다음
