네발로 코딩하는 포메라니안

0. Transaction처리 해주는 이유 transaction이란 DB의 작업 단위이다. Spring에서 SqlSession을 관리할 때, default가 AutoCommit으로 되어있다. Transaction관리자를 등록해서 DB에 작업을 했을 때, Exception이 없으면 commit하고, 있으면 알아서 rollback해주기 위해 사용된다. 1. Transaction library추가 pom.xml에 아래 코드를 추가해서 maven update를 해서 적용시킨다. org.springframework spring-tx ${org.springframework-version} 2. Transaction 관리할 객체 생성&등록하기 1. namespace에 tx 추가하기 root-context.xml의 N..

이제 Spring과 MyBatis를 연결시켜보겠다. 1. MyBatis에서 사용하는 객체 Spring에 등록하기 이제 SqlSessionFactory와 SqlSession을 Spring Container가 관리하도록 하자. 1. SqlSessionFactory 등록하기 원래, SqlMapConfig라는 java파일을 만들어서 SqlSessionFactory를 만들고 SqlSession을 만들어내도록 했다. 이제는 Spring에서 그 일을 알아서 하도록 한다. 이 작업이 끝나면, mybatis-config.xml과 dbInfo.properties파일은 삭제해도 된다. SqlSessionFactory에는 대략 3가지 정보가 들어갔었다. 1) DB정보 2) mapper의 위치 3) alias(별칭) 정보 먼저..

1. mapper에 SQL 코드 작성 1. 값 하나 받아오기 태그 내에 if, include, where태그 등이 올 수 있다. select * from user where userid = #{userId} and userpwd = #{userPwd} 2. 리스트로 받아오기 List라는 객체가 없기 때문에, 구조를 만들어 사용해야 한다. UserDto타입의 list의 이름은 userList로 했고, type.setProperty값(column값)으로 객체가 만들어진다. 그러면 select해오는 곳에서는 이 resultMap을 사용해서 데이터들을 차곡차곡 쌓아 Dao로 반환해준다. select * from user; 2. DAO에서 호출하기 조회할 때는 DB에 변경이 없으므로 commit은 안 한다. @O..

1. Mybatis란? Mybatis는 Java 객체와 SQL문을 자동으로 mapping 해주는 기능을 지원하므로, ORM(Object Relational Mapping) Framework 중 하나이다. 프로그램 코드와 SQL문을 분리할 수 있어 업무 분담을 정확히 할 수 있다. 즉, DB 업무를 하는 사람이 Java 코드를 몰라도 작업이 가능하다. +) Mybatis는 Spring과 별개의 Framework로 Java뿐만 아니라 다른 언어들도 Mybatis를 활용할 수 있다. 2. Mybatis 동작 과정 Controller, Service와 같은 건 생략하고, MybatisFramework와 관련된 부분만 나타냈다. 1) mapper.xml과 dbinfo.properties를 설정 파일에 넣고, 이 ..

1. Mybatis 관련 라이브러리 추가 maven을 사용하고 있기 때문에, pom.xml에 아래 코드를 추가한다. 1. 태그에 버전 정보를 추가한다. //... 3.5.9 2.0.7 2. 태그에 library 불러오는 코드를 추가한다. org.mybatis mybatis ${mybatis-version} org.mybatis mybatis-spring ${mybatis-spring-version} 2. DB와 연결하기 1. Mybatis 설정 파일 생성하기 1) mybatis-config.xml 2) dbInfo.properties (선택사항) 2. DB 연결 코드 작성하기 db관련 정보는 가독성을 위해, 별도의 파일에 작성해서 연결해주었다. 파일을 따로 생성하지 않고 값을 바로 작성해도 된다. #db..

1. 보간법 데이터 바인딩 방법으로 값 대입 또는 표현식이라고 할 수 있다. JavaScript에서는 Mustache 구문 즉, 이중 중괄호를 사용해서 나타낸다. {{변수명}} 특징 1. 이중 중괄호의 값은 HTML이 아닌 일반 텍스트로 데이터를 해석한다. {{msg}} 실행 화면 html로 해석되지 않아, tag까지 그대로 출력된다. html로 해석하기 위해서는 지시어 중 v-html을 사용해야 하며, 자세한 건 아래에 지시어 파트에 정리해놓았다. 특징 2. JavaScript 표현식 기능 지원 {{num+1}} {{num==0 ? "숫자는 0" : "숫자는 0이 아니다."}} {{"hello".split('').reverse().join('')}} {{msg}} 실행 화면 2. Directive : ..

외부 파일에 선언한 변수를 import해서 사용할 수 있다. 먼저, html 문서에서 곱셈을 계산하는 모듈을 가져와 사용하려고 한다. 다른 곳에서 사용하도록 설정하는 방법에는 2가지 방법이 있다. 1. 외부에서 사용하도록 허가할 변수마다 export 키워드 붙이기 export const title = "계산기 모듈"; export function mul(i, j) { return i * j; } function off() { //외부에서 사용 불가 console.log("종료"); } 2. 마지막에 외부에서 사용하도록 허가할 변수들을 모아서 한 번에 export 키워드 붙이기 //cal.js const title = "계산기 모듈"; function mul(i, j) { return i * j; } fu..

1. Promise란? 자바스크립트에서 비동기를 처리할 때, 동기처럼 처리하기 위해 사용하는 객체를 말한다. 비동기 처리가 끝난 후, 실행되어야 하는 것을 정의해놓고 비동기 처리가 끝나면 불려질 수 있도록 한다. 말 그대로, "넌 비동기 처리 끝나고 실행해줄게"하는 약속을 맺는다고 보면 된다. 비동기 처리 시 아래의 코드처럼 특정 로직이 끝나는 걸 기다리지 않고, 뒤의 로직을 바로 실행시키기 때문에 원하는 결과를 얻을 수 없다. let data; setTimeout(() => { data = 20; console.log('비동기 코드 실행 완료'); }, 3000); console.log(data); //undefined //비동기 코드 실행 완료 이를 해결하는 방법은 대표적으로 콜백함수가 있고, 지금 ..

Destructing이란, 구조(자료 구조)를 할당하면 좌항에 맞게 알아서 분해해서 할당해주는 것을 말합니다. let arr = [1, 2, 3]; let [n1, n2, n3] = arr; console.log(n1, n2, n3); 활용 1. 객체 프로퍼티 값 참조 let person = { name: "홍길동", age : 25, introduce(){ console.log(`이름은 ${this.name}이고, 나이는 ${this.age}입니다.`); } } //var은 window에 선언하는 변수 //let(지역변수)으로 쓰면 this가 window라서 introduce의 이름, 나이값 출력X var {name, age, introduce} = person; console.log(name, age..

1. 매개변수의 개수에 따른 사용법 1. 매개변수가 없는 경우 func = () =>{ console.log("func"); } func(); 2. 매개변수가 1개인 경우 func = (num) =>{ console.log("func", num); } func(3); 매개변수가 1개면, ( ) 생략 가능 func = num =>{ console.log("func", num); } func(3); 3. 매개변수가 여러 개인 경우 반드시 ( )로 매개변수들을 묶어야 한다. func = (n1, n2) =>{ console.log("func", n1*n2); } func(3, 2); 2. return값에 따른 사용법 1. 실행 문장이 return 1개인 경우 1) return 키워드 사용 우리가 흔히 사용하는..