신입개발자_장민기

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

HelloWorld.vue {{mesg}} {{ username }} {{ age }} {{ sayEcho() }} {{ info() }} export default { props:{ mesg: String }, data:function(){ return { username: "홍길동", age: "20" } }, methods: { sayEcho: function(){ console.log("sayEcho"); return this.username + "\t" + this.age; }, info: () => { console.log("info "+this); //this는 undefinded return this; } }, }

App.vue HelloWorld.vue {{ username }} {{ age }} {{ mesg }} {{ xxx() }} {{ yyy('y함수 내부') }}

App.vue {{ x }} {{ y }} {{ p }} {{ p.username }} {{ p.age }} 람다식 data: () => [{] 함수 내부 [}] v-bind를 사용하지 않으면 function의 변수임을 인식할 수 없다.

App.vue {{ x }} {{ y }} {{ z }} {{ k }} {{ k.aa }} {{ k.bb }} {{ p }} Person.js export class Person{ constructor(username, age){ this.username = username; this.age = age; } getUsername(){ return this.username; } getAge(){ return this.age; } } HelloWorld.vue {{ username }} {{ age }} {{ myAddress }}

App.vue HelloWorld.vue {{ username }} {{ age }} {{ myAddress }}