부모.Vue 자식.vue
VUEJS) 조건문과 반복문
조건문 v-if를 활용한 예제 html 보이나요 js const vm = new Vue({ el: '#app', data: { seen: true } }) 실행화면 v-if를 이용하면 js에서 html을 껏다 켰다 제어할 수 있다. 위의 예제에서는 html내의 div태그 내의 v-if="seen" 의 seen은 js에서 정의한 seen의 값에 따라 제어 된다. 만약 js내의 seen이 true이면 텍스트가 출력되고, false이면 출력되지 않는다. 트랜지션 효과 -> 애니메이션하는 개념을 정용한다. 배열과 반복문 v-for을 이용한 예제 html {{ todo.text}} js const vm = new Vue({ el: '#app', data: { todos: [ { text: '1111'}, { te..
VUEJS) https://codepen.io/
codepen https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 코드펜을 이용하면 환경설정을 하지 않고도 충분히 공부를 할 수 있다. 이 외에도 JSFiddle, JS Bin 등이 있다. 빨간색 설정버튼을 눌러서 Add External Scripts/Pens의 검색창에 Vue라고 치면 Vue버전들이 나온다. 2.xxx 버전을 사용하는 것을 권장한다. v-bind를 활용한 예제 html {{ ..
VUEJS) moment()
설치 라이브러리를 moment.min.js파일로 다운로드를 하거나 npm i moment --save로 설치 Format format()을 하면 moment객체에서 string으로 반환 moment().format('YYYY-MM-DD'); // 년도-월-일 moment().format('hh:mm:ss'); // 시:분:초 moment().format('dddd'); // Tuesday 날짜 더하기 빼기 현재의 날짜 혹은 정해진 날짜에서 몇일이후의 값, 몇달뒤의 값등 날짜 더하기 빼기 가능 moment().add(1,'days') // 하루 더하기 moment().subtract(1,'days') // 하루 빼기 moment().add(1,'months') // 한달 더하기 moment().subtra..
개발환경 node.js ▷ 좌측의 짝수 버전을 이용하는 것을 추천 (LTS버전) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org nvm-windows ▷ 버전관리가 가능 Vue.js 설치 ▷ 개발자버전 설치(간단한 설치로 Vue.js 사용가능) https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org {{ msg }} CDN ▷ 파일 없이 src코드로 vue를 사용가능 {{ msg }}