ふたりで

준비물: - vue ui - 간단한 vue 토이 프로젝트 하나 * 나의 경우 기존에 vue.js 공부를 하느라 만들어본 사용자 인증 프로젝트에 PWA를 적용해 보았다. 대략 이틀정도 구글링을 하며 삽질하였다...... 1. vue ui 에서 PWA를 설정할 프로젝트를 선택 한 다음 아래와 같이 PWA플러그인 설치 @vue/cli-plugin-pwa를 검색하여 설치해준다. 2. 의존성에도 register-service-worker 항목이 있는지 확인. (없거나 정상인 상태가 아닌 경우 추후 service-worker.js 설정을 해주면 된다.) 3. 설정에서 아래와 같이 PWA 설정을 한다.(나는 앱 이름만 추가했다.) 4. VS-CODE로 본 프로젝트 구조 5. 위 3번 vue ui설정에서 앱 이름을 입..

먼저 @Transactional 어노테이션 사용을 위해 설정이 필요하다. DataSource 설정 부분에 아래와 같이 PlatformTransactionManager 설정을 하고 @EnableTransactionManagement 어노테이션을 명시한다. package com.graykang.config; import javax.sql.DataSource; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spring.SqlSessionFactoryBean; import org.mybatis.spring.SqlSessionTemplate; import org.mybatis.spring.annotation.MapperScan; im..

다른 maraidb 의 테이블 데이터를 조회용으로만 참조를 하고 싶은 경우 아래와 같이 페더레이티드 테이블을 설정하여 참조 할 수 있다. 1. 페더레이트 엔진 확인 mysql> show engines; 2. 페더레이트 엔진 이설치되지 않은경우 설치한다. mysql> install plugin federated soname 'ha_federated.so'; 3. 원본데이터를 가지고있는 서버의 접속정보를 등록 한다. CREATE SERVER FOUNDATION_MARIA FOREIGN data wrapper mysql OPTIONS (USER 'admin', password 'admin123', HOST '192.168.0.33' , PORT 3306 , DATABASE 'FOUNDATION_MARIA');..

고객사에서 조회 조건에 특정 문자열 또는 숫자를 입력시 리스트에서 맵핑 되는 것들만 모두 조회가 될수있게 해달라는 요청이 있었다. 하여 관련된 레퍼런스를 구글링 하다 발견하고 테스트 한 내용을 정리 해본다... SELECT u_code-- 고유코드 u_name , -- 이름 u_mobile, -- 휴대폰 u_id, -- 회원아이디 u_email -- 이메일 주소 FROM USER_INFO WHERE role = 'ROLE_USER' AND concat_ws(u_name, u_mobile, u_id) LIKE CONCAT('%', '010-1234-1234', '%') -- 여러컬럼에서 특정 문자로 찾기 조건 u_name, u_mobile, u_id 3개의 컬럼 값 중 '010-1234-1234' 가 있는..

iframe을 특정 수만큼 루프를 돌면서 화면에 표시하고 해당 화면을 있는 그대로 페이징 처리하여 인쇄하는 기능을 만들었다... 나의 경우 선택한 문서만큼 화면에 iframe으로 표현을 하고 한 번에 인쇄하는 기능을 구현할 때 사용하였다. 1. html 소스 jstl c:forEach를 사용해 아래와 같이 구현 2. javascript & jquery 소스 $(document).ready(function(){ roadPage(); }); /*각 iframe이 로드되면 리싸이즈를 한다. onload="autoResize(this)" * 각 iframe 별 로딩된 문서의 높이를 계산하여 리싸이징 해준다. * 나의 경우 가로는 고정싸이즈로 하고 높이만 리싸이징 하였다. */ function autoResize..

특정 html에 click 이벤트를 걸고 해당 요소를 클릭 하면 소요내의 content를 dailog 창에 표시 한다. tr을 동적으로 추가 하는 부분은 생략... 참고: 아래 소스의 경우 html로딩이 완료 되고난후 특정 구역에 html을 add하는 경우에도 새로add한 html소요에도 클릭 이벤트가 적용 된다. $(document).ready(function(){ }); //ready 밖에 function 영역에 작성 해야함. var test = $('body'); test.on("click",".js_sordMemo",function (e) { $('.popupLayer').hide(); //console.log($(this).children('input').val()); var sWidth = w..