분류 전체보기 338

스프링 부트 팀플) 20240309_전환 시작

스프링 팀플이 끝나고, 스프링부트로 전환해야 될 때가 왔다. 스프링에서 쓰던 컨트롤러 복붙~ 보니까 대부분의 에러는 패키지 경로가 바뀌어서 생긴 오류였다. 일단 com.OOO이 필요하다 보니 패키지 경로를 싹 고친다. 생각해보니 서비스랑 DTO 경로도 고쳐야 한다. 어이쿠 아직 에러가 있지만, 한번 실행시켜 보기로 했다. 그래도 에러 터지는 거 보면서 고쳐야 고치는 맛이 있지 실행조차 되지 않았다. 대충 컨트롤러가 에러나니까 고치라는 소리다. 외부 API 쓰는 친구들이 다 터지고 있었다. 메일 시스템과 암호화 시스템이다... 일단 주석 처리하고 실행해보기로 했다. 그런데 거미줄 마냥 얽혀 있어 이것도 쉽지 않다. 이제 다시 실행시켜 보자 생각해보니 스프링 때 몇몇 경로는 servlet-context.xm..

Vue_형제에게 가는 이벤트

App.vue import HW from "./components/HW.vue" import HW2 from "./components/HW2.vue" export default { components:{ HW, HW2 }, } EventBus import Vue from 'vue' var eventBus = new Vue() //이벤트 버스 생성 export default eventBus; HW.vue {{ mesg }} HelloWorld2로 이벤트 전달 import eventBus from './EventBus.vue'; //1. import export default { props:{ mesg:String }, methods:{ x:function(){ console.log("x 호출"); even..

Vue_자식에서 부모로 가는 이벤트

App.vue import HW from './components/HW.vue' export default { components:{ HW }, data: function(){ return { } }, methods: { //4. 자식의 정보를 출력하는 이벤트 함수 생성 receive1: function(){ console.log("부모가 xyz이벤트를 받아 receive1 발동"); }, receive2: function(value1, value2){ console.log("부모가 xyz2이벤트를 받아 receive2 발동"); console.log(value1) console.log(value2) }, } } HW.vue {{ mesg }} 부모에게 데이터 전달 1 부모에게 데이터 전달 2 expor..

Vue_개별 삭제, 선택 삭제

{{ mesg }} {{ book.name }} {{ book.price }} 삭제 선택 삭제 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: [] } }, methods: { deleteBook(idx){ this.BookList.splice(idx,1); }, deleteSelected(){ for (let index =..

Vue_다이나믹 함수

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

Vue_Watch(자동 호출 함수)

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) } } }