신입개발자_장민기

{{ mesg }} v-on:[aaa] @[bbb] v-on:[ccc] @[aaa]="handleEvent2" export default { props:{ mesg: String }, data: function(){ return{ //data의 이름을 이벤트의 속성으로 지정하고 값을 이벤트 이름으로 사용 aaa:"click", bbb:"mouseover", ccc:"mouseleave" } }, // 이벤트 처리함수 등록 methods:{ handleEvent: function(data){ console.log("handleEvent", data) }, handleEvent2: function(data){ let a = JSON.parse(data.target.dataset.my2) console.log..

{{ mesg }} 다음 preventDefault 그냥 네이버 구글 target="_blank" 전송 export default { props:{ mesg:String, }, methods:{ prevent:function(e){ e.preventDefault(); //페이지 이동 X }, }, }

{{ mesg }} x() x().once 다음 y 네이버 y2 구글 prevent y2 target="_blank" aaa bbb ccc ddd keyup keyup.enter keyup.ctrl.enter keyup.ctrl.up export default { props:{ mesg:String, }, methods:{ y:function(){ console.log("yyyyyyyyy") }, y2:function(){ console.log("y2y2y2y2y2") }, aaa:function(){ console.log("aaaaaaaaaa") }, bbb:function(){ console.log("bbbbbbbbbb") }, ccc:function(){ console.log("ccccccccccc..

{{ mesg }} 값1: 값2: + 결과값: {{ result }} export default { props:{ mesg:String }, data:function(){ return { num1: 0, num2: 0, result: 0 } }, methods: { sum(){ this.result = parseInt(this.num1) + parseInt(this.num2); } } } {{ mesg }} 값1: 값2: + - * / 결과값: {{ result }} export default { props:{ mesg:String }, data:function(){ return { num1: 0, num2: 0, result: 0 } }, methods: { sum(data){ let c = data...

watch 속성 - 데이터가 변경되었을 때 함수가 자동 호출됨 - 반드시 함수명과 data 속성명이 일치해야 함 값: 변경: {{ num }} export default { data: function(){ return { num : 10 } }, /* 1. watch 함수명과 속성변수명이 동일해야 함 2. method와 computed는 명시적으로 호출해야 함 3. watch는 자동으로 호출 */ watch:{ num:function(changeValue){ //함수명과 속성 변수명이 동일 console.log("watch함수 실행", this.num, "\t", changeValue) } } }

{{ mesg }} {{book.name}} {{book.price}} 선택 교재: {{ book.name }} 전체 가격: {{ getTotal() }} export default { props:{ mesg: String }, data: function(){ return { bookList: [ {name:"자바의 정석", price:3000}, {name:"JSP 정석", price:4000}, {name:"Spring 정석", price:5000}, {name:"jQuery 정석", price:6000}, {name:"Angular 정석", price:7000}, ], books:[], //선택된 책 목록 저장 total:0 //총액 } }, methods: { getTotal: function()..

v-once1: {{ username }} v-once2: {{ username }} {{ changeName() }} export default { data:function(){ return { username: "홍길동" } }, methods: { changeName: function(){ this.username = "이순신" } } }

v-on:이벤트명="처리 함수" @이벤트명="처리 함수" v-on:click="handleEvent" v-on:click="xxx('홍길동')" v-on:click="yyy('홍길동', $event)" @click="handleEvent" @click="xxx('홍길동')" @click="yyy('홍길동', $event)" 속성을 이용한 데이터 전송 export default { data:function(){ return { num: 100 } }, methods: { handleEvent :function(data){ console.log("ok" + this.num, data) }, xxx :function(name){ console.log("ok" + this.num, name) }, yyy :fu..

v-for="값 in 값들" [v-bind]:key="유일값" {{값}} return {값들 : [] } return {값들 : [] } {{ name }} {{idx+1}} {{ name }} export default { data: function(){ return { names : ['홍길동', '이순신', '유관순'] //값들 } } } images-App.vue import HelloWorld from './components/HelloWorld.vue' export default { components:{ HelloWorld }, data: function(){ return { list : [ {id:"p01", name:"위험한 식탁", price:2000, data:"20170401", i..

SqlSessionFactory package com.config; import java.io.IOException; import java.io.InputStream; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibatis.session.SqlSessionFactory; import org.apache.ibatis.session.SqlSessionFactoryBuilder; public class EmpFactory { static SqlSessionFactory sqlSessionFactory= null; static { String resource = "com/c..