신입개발자_장민기

{{ 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..

Service package com.service; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.util.ArrayList; import com.dao.DAO; import com.dto.DTO; public class Service { private String driver = "oracle.jdbc.driver.OracleDriver"; private String url = "jdbc:oracle:thin:@localhost:1521:xe"; private String user = "scott"; private String pass = "tiger"; private ..

Dyn;amic Web Project로 생성(module 버전 2.5 -> web.xml생성) http://localhost:8080/BoardWeb/board/login.html http: 프로토콜: 서버에 파일을 요청할 때 사용 // 프로토콜 구분자: 프로토콜과 호스트 이름을 구분 localhost 호스트(도메인): 웹서버가 설치된 컴퓨터(호스트) 8080 포트: 호스트 컴퓨터에서 8080 포트를 사용하는 서버 BoardWeb 웹 애플리케이션: 8080 포트를 사용하는 서버에서 실행되는 BoardWeb이라는 웹 애플리케이션 board 디렉터리: BoardWeb 애플리케이션의 board 디렉터리 login.html 파일: board 디렉터리에 있는 login.html 파일 상태코드 200: 정상 403..

v-Show="조건" true1 true2 !false false !true flag export default { data: function(){ return { flag: true } } } h1{ color: red } v-if="조건" hidden처럼 감춰짐(랜더링 되지 않음) hello1 hello2 hello1 export default { data: function(){ return { amount: 1 } } } h1{ color: red } v-if 응용 {{name}} 정상 입력 이름은 4글자까지 입니다. {{age}} 정상 입력 나이는 10세이상 100세 이하까지입니다. 이름의 길이: {{ name.length }} 나이: {{ age }} export default { data: f..

v-bind: 단방향 바인딩 [v-bind]: 속성명 = 객체 데이터 mesg: v-bind:value="mesg": :value="mesg": export default { data: function(){ return { mesg: "메세지" } } } h1{ color: red } 쌍방향 바인딩 v-model: '객체의 속성명' 속성: {{ mesg }} v-model="mesg": v-model="mesg": v-bind:value="mesg": :value="mesg": export default { data: function(){ return { mesg: "메세지" } }, methods:{ getMesg: function(){ return this.mesg; } } } h1{ color: r..

최초 형성 시 beforeCreate created beforeMount mounted 과정을 거침 부모 - beforeCreate - created - beforeMount 자식 - beforeCreate - created - beforeMount - mounted 부모 - mounted =================== 자식 - beforeUpdate - updated HelloWorld {{ mesg }} App