GRIMTONG

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..

많이 사용되는 replace 문자열 치환 정규식 모음입니다. 개발시 유용한 자료는 계속 업데이트하겠습니다. 좌측 공백 제거 : 문장의 좌측 공백을 제거합니다. string.replace(/\s+/, ""); 우측 공백 제거 : 문장의 우측 공백을 제거합니다. string.replace(/\s+$/g, ""); 앞뒤 공백 제거 : 문장의 앞과 뒤의 공백을 제거합니다. string.replace(/^\s+|\s+$/g,''); 행바꿈 제거 : 행바꿈 문자열을 모두 제거합니다. string.replace(/\n/g, ""); 엔터 제거 : 엔터 문자열을 모두 제거합니다. string.replace(/\r/g, ""); 세자리 마다 콤마(,)찍기 : 숫자 표현할때 3자리 마다 콤마를 찍습니다. 물론 소수점 아래..

웹폰트를 사용하다보면 특정 폰트의 작은 크기 글자가 깨지는 경우가 있다. 모바일 환경과 맥환경에서는 거의 없으나 윈도우 환경의 브라우저에서 발생한다. 이럴때 쓰는 트릭으로 transform:rotate(-0.03deg); 0.03도 시계방향이든 반시계방향이든 미세하게 회전시켜주면 부드럽게 나오는것을 확인할 수 있다. 이게 윈도우에서의 서체 렌더링에 문제가 있는건지 아니면 다른 문제인지는 모르나 위의 방법으로 해결할 수 있다. 단 span 의 경우 display:inline-block; 를 적용애한다. 위의 그림에서 상단박스 텍스트는 일반이고 아래 박스의 텍스트에는 적용한 상태이다. 큰글자 및 작은 글자에서도 확연이 다르게 텍스트가 렌더링 되는것을 볼수 있다.

1. 자동 새로고침 사용 : 앱을 종료한 상태에서도 모니터링을 할수 있습니다. 2. 알림 사용 : 현재 채굴 상태를 알림으로 받을 수 있습니다. 3. 알림 고정 : 받은 마이너 이상 알림을 삭제하지 않고 유지하는 기능입니다. 4. 마이너 알림 사용 : 마이닝풀허브에서 모니터링 기능을 사용하는 마이너(워커)의 해시 상태가 0일경우 소리+진동+알림을 받을 수 있습니다. 5. 새로고침 간격(분) : 설정된 시간(분)으로 주기적으로 새로운 정보를 요청합니다. 6. 와이파이에서만 자동 새로고침 : 자동 새로고침 사용시 데이터 요금이 발생될수 있으며 이에 와이파이 환경에서만 새로고침 할수 있는 기능입니다.