분류 전체보기
-
[Spring] 스프링 AOP를 이용해 트랜잭션(transaction) 처리하기Spring 2022. 6. 27. 16:53
필자의 스프링 버전 1.8 4.3.4.RELEASE 4.2.3.RELEASE 1.6.10 1.6.6 3.0.8 pom.xml 의존성 추가 org.springframework spring-aop ${org.springframework-version} org.springframework spring-tx ${org.springframework-version} aop와 트랜잭션을 사용하기 위해 pom.xml에 추가한다. context-transaction.xml 작성 aop의 포인트컷 설정으로 ServiceImpl.java로 끝나는 자바파일에 트랜잭션을 설정한다. bean id txManager의 dataSource는 데이터베이스가 연결설정을 하는 context xml파일내의 bean id다. web.xml ..
-
[Vue] Vue js 비동기통기(axios) 샘플코드Vue.js 2022. 6. 25. 15:19
axios 설치하기 프로잭트폴더에서 아래의 명령어로 설치한다. npm install axios main.js에 Vue.prototype.$axios = axios 를 미리 등록하면 사용하는 페이지에서 this키워드로 axios에 접근할 수 있다. 굳이 선언을 안해도 상관없다. main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' import axios from "axios"; // Import Bootstrap an BootstrapVue CSS files (order is important) //..
-
[javascript] 자바스크립트 some & every 메소드란?JavaScript 2022. 6. 18. 21:26
1. every every 메서드는 다음과 같이 사용한다. 배열.every( (요소, 인덱스, 배열) => { return 요소 } ,(옵션)함수 내부에서 사용될 this에 대한 값); every()는 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 모두 true인지 확인한다. 모든 case가 true일때, true를 반환한다. 하나라도 false이면 반환 값은 false다. 기존 배열 값은 변경되지 않는다. 배열에 대해서 배열 내의 모든 항목이 조건을 만족하는지 체크하며, 하나라도 false이면 false이다. 간단하게 and 조건이라고 생각하자. var objArr = [ {name: '철수', age: 10} , {name: '영희', age: 10} , {name: '바둑이', age: 2..
-
[기초]#6 Vue js 기초 문법Vue.js 2022. 6. 11. 22:35
vue 버전 4.5.12 1.데이터 표시 1. 호랑이 : {{animal}} 2. 호랑이 (v-text) : 3. 호랑이 (v-html) : 결과 2. html 폼 타입 지정 naver 결과 3. 클래스 지정 클래스 하나지정 다중 클래스 지정 결과 4. html 입력 폼 생성 및 데이터 바인딩 input 입력 내용 : {{input_value}} textarea 입력내용 : {{textarea_value}} checkbox 선택 value : {{checkbox_value}} checkbox 선택여부 : {{checkbox_check}} radio value : {{radio_value}} default value1 value2 select value : {{select_value}} 결과 5. 메소드 ..
-
[기초]#5 Vue의 Router 라우터란? (설치,설정,데이터 IN/OUT)Vue.js 2022. 6. 11. 20:46
뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리이다. 페이지 이동하는 기능을 뷰 라우터로 구현할 수 있다. 이미지로 나타내면.. 주요 기능 Nested route/view mapping Modular, component-based router con Route params, query, wildcards View transition effects powered by Vue.js transition system Fine-grained navigation control Links with automatic active CSS classes HTML5 history mode or hash mode, with auto-fallback in IE9 Customizab..
-
[javascript] 자바스크립트 map & reduce 메소드란?JavaScript 2022. 6. 10. 13:22
자바스크립트 내장 메서드 중에서 제일 강력하고, 알아두면 다양한 곳에 활용할 수 있는 것이 바로 map과 reduce이다. 1. map map 메서드는 다음과 같이 사용한다. 배열.map( (요소, 인덱스, 배열) => { return 요소 } ); map의 기본 원리는 간단하다. 반복문을 돌며 배열 안의 요소들을 1대1로 짝지어 준다. 매핑한다고 표현하며 어떻게 짝지어줄 것인가 정의한 함수를 메서드의 인자로 넣어주면 된다. 일단 주어진 배열을 그대로 매핑해보자. const oneTwoThree = [1, 2, 3]; let result = oneTwoThree.map((v) => { console.log(v); return v; }); // 콘솔에는 1, 2, 3이 찍힘 oneTwoThree; // [..
-
[Node.js] for MacOS / VSCdoe + express + mysql + CRUD 예제Node.js 2022. 6. 5. 16:45
개요 - Node.js의 Express 프레임 워크로 MySQL에 연동해서 서버를 구축 구축방법 - Express 웹 서버 실행. - MySQL 데이터베이스 Configuration 설정 - School 라는 샘플 모델 생성 후 컨트롤러 작성 - CRUD 작업을 처리하기 위한 routes를 정의 1. 테이블 생성하기 CREATE TABLE `school_tb` ( `id` int(11) NOT NULL, `nm` varchar(100) DEFAULT NULL, `age` varchar(100) DEFAULT NULL, `class` varchar(100) DEFAULT NULL, `grade` varchar(100) DEFAULT NULL, PRIMARY KEY (`seq`) ) 2. 편한 방법으로 프로..
-
맥북(Mac OS)에 몽고디비(MongoDB) 설치하기개발 Tip 2022. 5. 29. 15:55
※몽고디비 MongoDB란? MongoDB는 기존의 테이블 기반 관계형 데이터베이스 구조가 아닌 문서 지향 데이터 모델을 사용하는 교차 플랫폼 오픈 소스 데이터베이스이다. MongoDB는 비필수 스키마와 함께 JSON과 같은 문서를 사용하여 대량의 데이터를 저장하는 NoSQL 데이터베이스이다. 유연한 데이터 저장 모델을 통해 사용자는 쿼리를 더 쉽게 작성할 수 있고, 또한 개발자도 데이터베이스를 더 쉽게 관리할 수 있다. 관계형 데이터베이스 논리적 구조 vs 몽고디비 용어 비교 관계형 데이터베이스 몽고디비 Table Collection Row Document Column Field Primay key Object_Id Field Relationship Embedded & Link 몽고디비의 특징 (공식사..