본문 바로가기

vue

(3)
240401 만우절 Vue 해보기 오늘도 새로운 Vue 를 Create 하여 수업 진행 cd c:/vue vue create apr01 cd c:/vue/apr01 npm run serve Audio 파일 실행해보기 @click 은 버튼 클릭 시 내부 함수를 실행한다는 뜻 노래틀기 클릭 시 오디오 실행하는 메소드 만들기 methods: { play(mp3) { let audio = new Audio(mp3); audio.play(); }, }, 여기에 집어넣고 버튼 누르면 실행되긴하는데,, 왜 그 밑으로는 넣으면 안될까.. 누르면 값이 올랐다 내렸다 하는 버튼 만들기 먼저 처음 데이터의 값을 정해줌 data: function () { return { count: 1, }; }, 해당 값을 출력하는 html 작성 카운트 : {{ count..
240329 Vue 표 그리기 먼저 App.vue 에 data 집어넣기 data() { // App.vue 안에서 쓸 데이터 return { arr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], }; } 화면에 출력해보기 {{ it }} v-bind 란 무엇일까.. https://goodteacher.tistory.com/532 [vue 3] 04. v-bind를 통한 속성 처리 이번 포스트에서는 v-bind로 시작하는 directive에 대해서 살펴보자. 본 내용에 들어가기 전에 directive의 기본 사용법을 다시 한번 상기시켜보자. v-bind v-bind? v-bind는 html의 속성인 id, class, style 등에 goodteacher.tistory.com 1 부터 10 까지 출력해보기 {{..
240325 Vue 해보기 Node.js 설치하기 https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 CMD 창 열기 npm --version Vue 의 CLI 버전을 설치 npm install -g @vue/cli npm 버전 업그레이드 하기 npm install -g npm@10.5.0 이후 설치된 npm 과 Vue 의 버전 확인하기 npm --version vue --version // vue -V 과연 npm 이란 무엇일까? 확인해보자 https://namu.wiki/w/npm npm 개요 Node.js 의 패키지를..