목록Web (152)
알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)
Spring 에서 @Controller 찾지 못할때 servlet-context.xml 아래 base-package 설정을 잘해야 합니다. 저같은 경우 com.thkomeetB.main 으로 설정 되어 있어 스캔을 com.thkomeetB.main 이하로는 하지 않더군요
(LokiJS)javascirpt in memory db 소개 자료 web program 에서 대용량 데이터를 처리하고 그래프를 그려줄 작업이 필요한데 Parsing 까지는 반복문으로 직접 처리 하겠지만 대용량에서 filter 메소드나 반복문으로 데이터를 처리하기에는 너무 자원에 무리가 갈것을 예상 하여 빠르게 처리 하기 위한 노력이 다른 사람들도 있는지 찾아 봤다. brower in memory DB로 제법 규모가 있는 오픈 소스 프로젝트는 LokiJs가 유일하다. 그래도 있다는것에 감사하자 indexedDB 을 사용하려 했지만 보조 디스크(하드 디스크,SSD) 를 사용한 방식이고 데이터가 클라이언트 PC에 저장되어 남아 있다. 이는 대용량 처리시 유저가 정상 종료시에는 DB를 지워 주겠지만 비정상 종..
tomcat manger gui 원격 접속 403 에러 Tomcat8 manager 들어가는 방법Tomcat8에서 WAR파일을 배포하기위해 /manager 페이지로 이동할 필요가 있다. 근데 그냥 들어가려고 하면 403 ERROR 때문에 접근할 수 없다. 이 문제의 해결방법은 2가지 파일을 수정해주면 된다. Step 1. conf 디렉토리의 tomcat-users.xml 권한 설정$ sudo vi /usr/share/tomcat8/conf/tomcat-users.xml위 파일을 열어보면 맨 아래에 주석처리가 된 부분이 있다. 주석을 없애준다.1234567891011 Colored by Color Scriptercs사실 manager 기능만 사용할거라서 manager와 관련된 role만 주석을 없애주면 된..
tomcat catalina.out log 관리 해당 로그 파일은 계속 해서 커지고 관리가 안되느 문제가 있어서 관리 방법을 찾다가 좋은게 있어서 정리 합니다. 일단. 1. /etc/logrotate.d/tomcat 위와 같이 파일을 생성 합니다. /home/ubuntu/apach9/logs/catalina.out { copytruncate daily rotate 7 compress missingok size 5M maxage 3} 그리고 위와 같이 작성 했습니다.옵션 들 내용은 copytruncate : 기존 파일을 백업해서 다른 파일로 이동하고 기존 파일은 지워버리는 옵션(이옵션을 넣지 않으면 현재 사용중인 로그를 다른이름으로 move하고 새로운 파일을 생성한다.)(이옵션을 활용하면 postrotat..
WEB 에서 obj+mtl->gltf 컨버터 개발하기 먼저 WEB 브라우져에서는 보안 정책상 클라이언트의 로컬 파일을 직접 읽어 드릴수가 없습니다. 사용자가 웹으로 어떠한 방식이든 파일을 올려 줘야 사용 가능 합니다. 먼저 클라이언트 측에서 obj 파일과 mtl 파일 받을수 있게 콤포넌트 1개를 만들겠습니다. uploadfile export default { data(){ return { objfile : null, mtlfile : null, InputFilesCount : 0} }, methods:{ HandleDragOver(evt){ evt.stopPropagation() evt.preventDefault() evt.dataTransfer.dropEffect = 'copy' }, HandleFil..
javascript 강제 파일 다운로드 코드 함수 코드 downloadTextFile(text, name) { const a = document.createElement('a'); const type = name.split(".").pop(); a.href = URL.createObjectURL( new Blob([text], { type:`text/${type === "txt" ? "plain" : type}` }) ); a.download = name; a.click(); }, 사용법 this.downloadTextFile(JSON.stringify(gltf), 'myObj.json');
jsencrypt(RSA) JAVA RSA 사용법 웹에서 javascirpt 와 java 간의 서로 사용 방법으로 해도 될것 같습니다. 일단 RSA에서 Private Key(암호와 하는 키)는 몇가지 형식이 있습니다. 일단 대표적인 2가지를 알아 보겠습니다. 아래 키를 보시면 -----BEGIN RSA PRIVATE KEY----- 이라고 표시 되서 키가 나오는것은 PKCS#1 -----BEGIN RSA PRIVATE KEY----- MIICXQIBAAKBgQCkd5GnJ/ktL+GCzH6JUwO963DCGC8Nhdg5vBkzF4OPTvn0d4/M 1PfXbrofaiz6CpvGJxav4IRfRdSKpCQ5lHozxBwMrLX7umeDO7sgd3aJEbcSqN9J tp2iMMJlyFGamA2/IFAeb51..
RSA 온라인 Demo 간단히 RSA 사용을 할수 있는 Demo 사이트 이다. RSA 을 사용할 일이 있어서 찾는 도중 잘 만들어 놓고 https://github.com/travist/jsencrypt 에서 javascirpt 라이브러리도 지원한다. 유용할듯 싶어 기록을 남깁니다 .
handsontable copy 시 Column 까지 copy 기본 handsontable 은 Copy 시에 Column에 복사 되지 않아서 엑셀에 붙혀 넣을때 많이 불편합니다. 그리고 구글링한 코드를 적습니다. 기본은 node_modules\handstontable\dist 에 있는 코드를 변경 하는것입니다. pro 일때는 node_modules\handstontable-pro\dist 에 있는 코드를 변경 합니다. function getRangedData(ranges) 을 아래와 같이 변경해 줍니다. key: 'getRangedData', value: function getRangedData(ranges) { var _this4 = this; var dataSet = []; var copyableRo..
vue-custom-element 현재 CLI3 에서 지원하는 webcomponent 는 IE11 지원하지 않습니다. 그래서 아래의 글을 찾아 봤습니다. 그리고 따라 했더니 잘 되었습니다 . 일단 npm install vue-custom-element --save npm install document-register-element --save npm install webpack --save 위에 필요한 3가지를 설치 합니다. 일단 main.js 에 웹 컴포넌트 제작을 위한 main.js 가 필요 합니다 . 제가 사용한 Custom-element 는 import Web360Component from '@/components/Web360/Web360Component.vue'라는 요소 입니다. main.js ..