LukeHan 의 잡다한 기술 블로그

Electron 특징 Electron 은 데스크탑 크로스 플랫폼으로 Electron 공식 문서 상 지원하는 OS 는 다음과 같다.macOS x64Windows 7 이후 버전 (ARM 제외)LinuxUbuntu 12.04 이후 버전Fedora 21Debian 8  크로스 플랫폼 개발을 위해 Chromium 이라는 open source 를 활용하여 Html, CSS, javascript 로 앱 개발을 지원한다. 일반적으로 크로스 플랫폼은 다양한 환경에서 실행 가능하도록 하기 위해 각각의 OS 에 대한 환경 구성을 지원한다.그로 인해 네이티브 언어에 비해 많은 리소스를 사용하게 된다. Electron 의 경우 Chrome Browser 의 코어가 되는 Chromium 을 내장하고 있어 기본적으로 많은 리소스를..

개요서비스 및 서버 상태 모니터링 및 상태 이상 시 메일로 알림 전송을 위해 사용Link : https://uptimerobot.com/    설정대시보드 좌측 상단의 New Monitor 버튼을 클릭 실행합니다.    Monitor Type 을 HTTP(s) 로 선택합니다. 아래 설정 정보를 참고하여 작성 합니다.    Monitor InformationFriendly Name : 모니터링 목록에서 보여질 설정 명URL to monitor : 모니터링 대상 주소 설정Monitoring interval : 확인 주기Request timeout : Timeout 범위Check SSL errors : SSL 인증서 에러 확인 여부. 유료 설정Check SSL expiry reminders : SSL 인증서 ..

function getHex(list){ var cmd = ''; list.forEach((val)=>{ cmd += val.toString(16) + ' '; }); console.log(cmd);}getHex([101,49,56,48,54,100,48,102,52,56,102,102,48,48,102,102,48,49,102,102,48,52,48,48,102,102,13]);

ubuntu 서버에서 개발 시 v20 버전이 필요한 상황이였다.OS : ubuntu 22.04.1    > node -vv16.20.1 위와 같이 입력하여 설치된 node 버전을 확인한다.    npm cache clean -f  위와 같이 입력하여 npm 캐시를 제거한다.    npm i -g n 위와 같이 입력하여 node 버전 관리 모듈 n 을 설치한다.    # stable 버전 설치n stable# latest 버전 설치n lts# latest 버전 설치n latest# 18.17.0 버전 설치n 18.17.0 위의 명령어를 참고하여 설치하고자 하는 버전의 node 를 설치한다.    참고http..

개발 관련 문서 작성 중 페이지별 element 정보 목록을 추가할 필요가 있어 아래와 같이 작성하여 사용 하였다.  function printElement(elem){ var print = ''; document.querySelectorAll(elem).forEach((ipt)=>{ var txt = ipt.tagName.toLocaleLowerCase(); if('' != ipt.id) txt += '#' + ipt.id; if('' != ipt.className) txt += '.' + ipt.className.replaceAll(' ', '.'); print += txt + '\n'; }); console.log(print);}printElement('input[typ..

npm i html2canvas 위와 같이 입력하여 html2canvas 패키지 설치를 한다. const html2canvas = require('html2canvas'); function saveScreenshot(canvas){ const link = document.createElement("a"); link.download = 'lukehan.png'; canvas.toBlob(function(blob){ link.href = URL.createObjectURL(blob); link.click(); }); } html2canvas(document.body, { allowTaint: true, useCORS: true, scale: 1 }).then(saveScreenshot); 위와 같이 코드를 ..