알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

vue cli 3.0 vue ui 사용하기 vue clli 3.0 부터는 vue ui가 추가 되었습니다. 위와 같이 vue ui 를 치고 들어가면 아래와 같이 셋팅을 GUI를 만질수가 있습니다. 해당 세팅 에서는 위와 같이 셋팅이 가능 합니다. 설정의 변경이 일어 나면 vue.config.js 가 생성 됩니다. module.exports = { baseUrl: '/test/', devServer: { proxy: { '/test': { target: 'http://127.0.0.1:8181/test/', changeOrigin: true, pathRewrite: { '^/test': '' } } } }} 해당 vue.config.js 는 프록시 테이블을 만들때도 사용 될수 있습니다 ~!. 그외 webpa..

vue Template 동적 변환 가끔식 Template 를 동적으로 변환 하며 보여 주고 싶을때가 있는데 예를 들면 html 코드 미리보기 할때 vuejs 의 v-html 을 사용 하면 Custom tag나 표준이 아닌 tag의 경우 표현이 안됩니다. 그래서 v-runtime-template 기술을 사용 하면 됩니다. 오픈 소스 사이트 https://github.com/alexjoverm/v-runtime-template 샘플 코드 는 : https://codesandbox.io/s/884v9kq790 샘플 코드가 위와 같이 표현 됩니다. 아래는 오픈 소스 Readmd 를 퍼왔습니다. 오픈 소스 사이트에 들어 가면 좀더 상세히 사용법이 나와 있습니다. Getting StartedInstall it:np..

WYSIWYG Vue js Eidtor 추천 해당 라이브러리 문서화도 잘되어 있고 vuejs도 wrap 되어 있어서 소개 합니다. wrap = https://surmon-china.github.io/vue-quill-editor/ 실제 에디터 기능 : https://quilljs.com/ 밑에는 wrap 된 화면 이며 실제 사이트 예제는 훨씬 잘되어 있다 . 게다가 상업적으로도 무료인듯 하다 추후에 사용에 용이 할듯 하다.

Vue.Draggable LIst Drag UI 이분야 에서는 RubaXa/Sortable 가 대세인것 같아 각종 wrap 들 API가 많다. 그중에 vue에 맞춘 wrap 이 있다. 아래가 데모 이다 사용해본 결과 잘된다 .. https://github.com/SortableJS/Vue.Draggable#readme 그리고 똑같은 https://sagalbot.github.io/vue-sortable/ wrap가 있는데 현제 사용이 안되니 낚이지 말자 https://david-desmaisons.github.io/draggable-example/ Typical use: {{element.name}} .vue file: import draggable from 'vuedraggable' ... export..

webxr googleAR 지원 계획 Spec-Related UpdatesThe web and web specs are always evolving. New specs like the Immersive web can undergo changes that would never be made to a mature production-ready spec.This documentation set is always updated to reflect spec changes. To be notified of those updates watch this repo on GitHub.The following table shows changes that may require corrections to your code.Ch..

Spring FrameWork RestTemplate get queryparam 한글 처리 Spring FrameWork 으로 RestTemplate get 에 queryparam 을 처리할때 한글이 처리가 안되는 현상이 있어서 encode 문제로 보고 encode 사용 법을 소스로 적어 놓겠습니다. 제가 사용한 소스 입니다. 참고 용으로 적어 놓겠습니다. HttpHeaders headers = new HttpHeaders(); headers.setContentType(MediaType.APPLICATION_JSON); HttpEntity entity = new HttpEntity(headers); RestTemplate restTemplate = new RestTemplate(); String url ..

Spring ActiveMq 예제 Spring 사용시 AciteveMq 을 사용할 일이 있어서 사용 예제를 분석 하고 남기려고 합니다. 먼저 dependency 는 org.apache.activemq activemq-spring 5.10.0 org.springframework spring-jms 4.1.5.RELEASE 이 2가지 입니다. 그리고 Bean 은 여기에 등록 합니다. 위에 해당 하는 부분 스키마를 등록해 줍니다. tcp://127.0.0.1:61616 먼저 위에 소스에서 보듯 커넥터를 만들어 줍니다. 그리고 기본으로 사용할 Queue Subject Bean 을 만들어 줍니다. 그리고 나서 MessageConverter 가 필요합니다. public class OEEActivemqMsgConve..

javascript async await 동기화 함수 동기화 예제 예제 소스 참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/async_function function resolveAfter2Seconds(x) { return new Promise(resolve => { setTimeout(() => { resolve(x); }, 2000); }); }; var add = async function(x) { // async function 표현식을 변수에 할당 var a = await resolveAfter2Seconds(20); var b = await resolveAfter2Seconds(30); return ..

Spring Rest API Client MultiValueMap parameters = new LinkedMultiValueMap(); parameters.add("send_phone", "12341234");parameters.add("dest_phone", "01012345678");parameters.add("msg_body", "단문 문자 테스트");parameters.add("subject", "문자 제목"); HttpHeaders headers = new HttpHeaders();//headers.add("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); //전부다 String형일 때. RestTemplate 때문에 생략..

javascirpt Number to excel Column Name 바꾸기 한번 쓸때가 있어서 공유 하고자 올립니다. toColumnName(1) => A toColumnName(2) => B toColumnName(35) => AI 등으로 바뀝니다. function toColumnName(num) { for (var ret = '', a = 1, b = 26; (num -= a) >= 0; a = b, b *= 26) { ret = String.fromCharCode(parseInt((num % b) / a) + 65) + ret; } return ret;}