GRIMTONG

의회마크 #1 일러스트 파일과 PNG 투명 배경

.electron-vue/webpack.web.config.js .electron-vue/webpack.renderer.config.js 두 파일을 열어 "new HtmlWebpackPlugin" 이 부분에 templateParameters 부분을 아래 내용으로 추가하거나 있을 경우 수정해주면 된다. new VueLoaderPlugin(), new MiniCssExtractPlugin({filename: 'styles.css'}), new HtmlWebpackPlugin({ filename: 'index.html', template: path.resolve(__dirname, '../src/index.ejs'), templateParameters(compilation, assets, options) { ..

간혹 캔버스로 동적 다이어그램 및 토폴로지를 만들다 보면 두 지점사이의 거리를 구해야 할때가 있다. 피타고라스 정리만 머리속에 있다면 큰 문제 될것 없지만 갑자기 생각이 안날때를 대비해서 자바스크립트 기반으로 거리 구하는 방법을 적어본다. function getDistance( ax, ay, zx, zy ){ var dis_x = ax - zx; var dix_y = ay - zy; dist = Math.sqrt( Math.abs( dis_x * dis_x ) + Math.abs( dix_y * dix_y ) ); return dist; } var a = { x : 100, y : 200 }; var z = { x : 250, y : 300 }; console.log( getDistance( a.x, a..

개인 API 키 설정을 한후 풀까지 등록을 하면 메인에 해당 내용들을 모니터링 할수 있습니다. 메인화면의 3개의 탭이 있으며 마이닝현황, 잔고현황, 시세 탭이 있습니다. 1. 마이닝현황 개인이 등록한 채굴풀 목록을 볼수 있습니다. 해당 코인풀의 현재 개인 채굴 해시, 현재 채굴중인 마이너 / 등록한 마이너 수 정보를 볼수 있습니다. 시간정보는 데이터를 업데이트한 시간입니다. 2. 잔고현황 설정에 저장한 API 키의 계정에 해당하는 채굴된 잔고 현황을 볼수 있습니다. 채굴된 코인, 미확정된 채굴코인, 그리고 환전이 진행중인 코인의 정보를 볼수 있으며 원화, 달러, 비트코인 기준으로 현재 시세를 계산해서 출력합니다. 시세는 현재 코인게코 기준 시세로 기타 거래소와는 시세가 다를수 있습니다. 제일 하단에는 채..

마이닝풀허브 개인키를 코인통앱에 저장까지 하셨다면 다음으로는 마이닝풀허브에서 채굴중인 개인 채굴풀을 추가할 차례입니다. 코인통앱을 실행후 메인의 우측 상단 + 아이콘을 클릭합니다. 메인 상단 플러스 버튼을 선택하면 "채굴풀추가" 페이지로 이동합니다. 하단 리스트중 채굴중인 코인을 찾아 우측의 플러스 버튼을 눌러 추가합니다. 추가버튼을 선택하면 API 키를 입력하는 팝업이 나옵니다. 만약 설정페이지에서 미리 API키를 저장했다면 기본으로 입력되어 팝업이 나옵니다. 정보가 맞다면 팝업창의 추가버튼을 누릅니다. 다시 메인으로 이동하면 추가한 코인이 마이닝현황으로 추가된것을 볼수 있습니다. 여기까지 채굴중인 코인의 채굴현황을 추가하는 것까지의 설명입니다.

코인통(마이닝풀허브) 모니터링 앱을 설치하셨다고 가정하에 설정 순서 간략히 정리해서 올립니다. 우선 최우선적으로 필요한것은 마이닝풀허브 API Key가 필요합니다. 마이닝풀허브 주소 www.miningpoolhub.com/ Mining Pool Hub I Home miningpoolhub.com 마이닝풀허브에서 로그인을 클릭합니다. 아이디와 패스워드를 넣고 로그인을 합니다. 로그인후 정보수정 메뉴를 클릭합니다. 정보수정 메뉴를 선택하면 다음과 같은 창이 나오며 중앙 하단에 API 키가 있습니다. 1. 코인통 앱을 실행후 우측 상단에 톱니바퀴 아이콘(설정)을 선택합니다. 2. 설정창의 API 키 입력란에 마이닝풀허브에서 가져온 API 키를 넣어줍니다. 3. 저장 버튼을 선택합니다. 여기까지 마이닝풀허브에서..

테슬라 차량내에서 인터넷을 하다보면 전체화면이 아니라서 아쉬울때가 있습니다. 유튜브 서비스는 전체화면으로 가능하고 유튜브 안에서 웹링크를 누르면 전체화면으로 가능합니다. 이 방법을 이용해서 살짝 꽁수의 방법으로 전체화면으로 브라우저를 실행하는 방법입니다. https://teslcar.web.app TESLCAR teslcar.web.app 위의 주소를 즐겨찾기로 추가하고 사용하시면 유용하게 사용하실수 있습니다. 다만 전체화면 브라우저 기능은 차량이 운행중에는 동작하지 않습니다. 이는 운행중 유튜브가 동작하지 않는것과 동일합니다. 위의 화면에서 이동할 웹사이트 주소를 넣고 GO 버튼을 선택하시고 유튜브 이동화면에서 사이트 이동해주시면 됩니다. 현재 전체화면 브라우저 메뉴, 계산기 메뉴, 전비계산 등이 있습..

이번 업데이트는 버그 수정으로 같은 코인 채굴풀을 각각 다른 API로 등록해서 사용시 하나의 정보로 같이 나오는 문제를 수정했습니다. 업데이트 받으시고 다른 기타 문제 및 개선사항에 대해 댓글 남겨주시면 최대한 수렴토록 하겠습니다. 그럼 성굴하세요 ^^ 개발중에 테스트용으로 출력한 코드가 화면에 나오는 문제를 수정해서 업로드했습니다. 불편을 끼쳐드려 죄송합니다. ㅠㅠ

개발하다 보면 오늘 또는 특정 날짜를 기준으로 하여 하루 또는 일주일 등 특정 날짜를 구해야할때 사용할수 있는 방법입니다. 예 ) 하루전 var yDate = new Date( new Date()-1000 * 60 * 60 *24 ); 예 ) 일주일전 var yDate = new Date( new Date()-1000 * 60 * 60 *24 * 7 ); 오늘기준(특정날짜기준) - ( 밀리초 * 초 * 분 * 시 * 일수 ) new Date().getTime() : 1970년 1월 1일 자정을 기준으로 밀리초

Vue.js + Electron으로 간단한 데스크탑용 앱을 만드는 도중 문제가 발생.. 바로 CORS ( Cross-Origin Resource Sharing ) .... 허용하지 않은 크로스 도메인에서의 데이터 요청시 보안문제로 인한 거부가 발생합니다. 서버설정으로 해결하면 좋겠지만 그렇지 못할때 해결하는 방법입니다. 필요한 라이브러리는 vue-axios-cors 이용하며 기존 vue-axios를 이용하였습니다. 설치는 npm install vue-axios-cors main.js에 추가한 소스 import axios from 'axios' import AxiosPlugin from 'vue-axios-cors'; Vue.use(AxiosPlugin); axios.defaults.headers.comm..