로그인 창처럼 form 태그 내에 ID, PW 정도의 많지 않은 정보만 보낸다면 Vue의 Data객체와 ID PW 내용을 v-model 디렉티브로 양방향 연결해서 json 객체를 axios나 ajax로 보내면 됩니다. 하지만 위 방식대로 form 태그 내 수많은 정보가 있는데 이를 일일이 v-model로 연결하는건 효율적이지 못합니다. Regist 발생원인 : form 태그 내 다수의 정보를 별도의 Data객체와 연결없이 보낼 방법은? 해결방법 : 구글에서 검색해보면 FormData를 쓰라는 글이 많습니다. methods: { sendPost() { var form = document.getElementById('sendForm'); var formData = new FormData(form); axio..
chart를 새로이 만들어 canvas 요소에 초기화하나 실제론 이전 chart가 지워지지 않고 그대로있는 문제. hover 이벤트로 마우스를 chart위에서 움직일 시 이전 chart, 현재 chart가 빈번하게 바뀌며 화면에 나옵니다. 발생원인 : 검색 능력이 부족해 원인은 알 수 없었습니다. new Chart(canvas, config); 짐작하기로는 new 연산자로 인한 새로운 메모리로 할당됨으로써 canvas를 초기화하는게 아닌 새로운 chart가 기존 chart위에 덧씌우듯 표시되는 문제라 사료됩니다. 해결방법 : canvas 요소를 삭제하고 재생성하여 chart js를 초기화합니다. var resetCanvas = function(){ $('#results-graph').remove(); /..
[Vue.js]page 시작 시 created, mounted 차이에 따른 화면 문제
created() { this.onClickLine(this.lines[0]) }, methods: { onClickLine : function(line) { chart... } } 결과 함수가 실행은 되나 화면에 차트 그림이 출력안됩니다. 발생원인 : created는 data와 events가 활성화되어 접근할 수 있지만 템플릿과 가상돔은 마운트 및 렌더링되지 않은 상태이기 때문에 created가 실행되는 시점에 dom에 출력하지 않는 겁니다. 해결방법 : mounted() { this.onClickLine(this.lines[0]) }, methods: { onClickLine : function(line) { chart... } } created 대신 mounted를 사용합니다. mounted 실행 ..
[Spring]CustomUserDetailsService에서 Service 의존성 주입
public class CustomUserDetailsService implements UserDetailsService{ private MemberService service; @Override public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { // TODO Auto-generated method stub log.warn("Load User By UserName : " + username); service.checkMember(username); return vo == null ? null : new CustomUser(map.get("resultCursor")); } } 결과 retrieve..
[Webpack]Dynamic Import시 Script Path 설정
Webpack에서 Dynmaic Import할 시 와 같이 script path에 모듈 경로가 Prefix로 붙지않는 경우. 발생원인 : config.js 에서 output 설정에 path만 설정했을 시 default값 ''으로 import하기 때문입니다. 해결방법 : module.exports = { output: { path: path.resolve(__dirname, 'webapp/resources/bundle'), publicPath: '/resources/bundle/', filename: '[name].js', chunkFilename: '[name].chunk.js', }, }; config.js에서 publicPath를 설정할 시 위와 같은 결과로 import하게 됩니다. 공식문서 http..
오랜시간 화면을 멈춰서 가만히 두면 T4CConnection 에러가 뜨며 Oracle 접속 에러가 납니다. 발생원인 : Oracle 11g의 경우 connect string을 암호화하기 위해서 /dev/random을 이용하여 난수를 생성하여 connect string을 암호화 하는데, /dev/random로 인하여 지연이 발생하는 경우가 있다 합니다. 참고 https://waspro.tistory.com/254 securerandom.source=file:///dev/urandom b. WAS 설정 추가 - $JEUS_HOME/config/`hostname`/JEUSMain.xml - 컨테이너별 command-option에 -Djava.security.egd=file:///dev/urandom 추가