전체 글 208

[Electron] 일렉트론 exe 실행 파일 빌드 npm run build:win64

실행파일 빌드 윈도우 64비트 기준입니다 빌드하고싶은 폴더 터미널에서 아래 npm 설치 npm install -g electron-builder package.json내용추가 - scripts 에 build 부분 추가 - build 부분에 win icon 추가 (실행파일 이미지 경로) { "name": "프로젝트이름", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "build:osx": "electron-builder --mac", "build:linux": "npm run build:linux32 && npm run build:..

IT/Electron 2021.03.24

[Electron] 일렉트론 프로그램 닫기 클릭시 트레이로 숨기기 main.js

const { app, BrowserWindow, Menu, Tray, nativeImage } = require('electron'); const path = require('path') //소스 수정시 자동 새로고침 //require('electron-reload')(__dirname, { electron : require(`${__dirname}/node_modules/electron`) }) function createWindow () { const mainWindow = new BrowserWindow({ width: 500, height: 500, resizable: false, webPreferences: { preload: path.join(__dirname, 'preload.js') } ..

IT/Electron 2021.03.24

[Electron] 일렉트론 프로젝트 생성 및 실행 npm start

프로젝트를 생성하고자 하는곳에서 git bash 창을 열어서 아래와 같이 명령어 입력 뒤에 "210324" 는 저 이름대로 해당 프로젝트 다운받아라 라는 뜻입니다. 아무거나 하셔도되고 안쓰셔도되요. 아무것도 안쓰시면 electron-quick-start 라는 폴더가 생성됩니다. git clone https://github.com/electron/electron-quick-start 210324 아래와 같이 정상적으로 프로젝트가 생성된것을 볼수있습니다. 이제 마우스 우클릭을 눌러서 해당 프로젝트 경로로 vscode 를 열어서 확인을 해봅니다 ~ 해당 부분은 vscode 를 설치할때 저 옵션을 체크하는 부분이 있는데 혹시 체크를 까먹고 안하셨다면 없을겁니다. 그렇다고 다시 재설치 할필요는 없고, 레지스트리 ..

IT/Electron 2021.03.24

[Electron] 일렉트론 sqlite3 연동 , Sqlite3 insert 시 무한 루프 발생

일렉트론 소스 변경시 바로바로 적용이 되게 하려고 main.js 상단에 아래와 같은 소스를 넣어놨었다. require('electron-reload')(__dirname, { electron : require(`${__dirname}/node_modules/electron`) }) 근데 위 소스가 후에 내게 빅엿이 될줄은 상상도 못했다 .. sqlite3 를 연동하고나서 insert 구문을 테스트하는데 페이지가 미친듯이 무한새로고침이 되는게 아닌가 .. 다른것도 아니고 db insert 할때 그모양이 되니 난리도 아니다 결국 상단에 자동새로고침 소스 주석 처리해주니 한번만 실행 되면서 잘 들어간다 .. main.js const { app, BrowserWindow, Menu } = require('ele..

IT/Electron 2021.03.16

[Electron] require is not defined 해결 방법

일렉트론 openDevTools 을 이용하여 F12 메뉴를 보는데 require is not defined 라고 뜬다 찾아보니 nodeIntegration:false 인부분을 true 로 바꿔주면 된다는데 난 그래도 해결이 안됐다 그러다가 contextIsolation : false 라는걸 추가해주니 그제서야 인식이 잘되더라 .. 왜 이렇게 해야 되는지는 모르겠다 여기저기 해외 커뮤니티 뒤지다가 우연히 보게되었는데 얼떨결에 작동이 되서 당황스럽다 국내엔 일렉트론 개발자가 없는건지 있어도 공유를 안하는건지 내가 검색을 못하는건지 한글로 암만 찾아도 안나온다.. 여튼 이부분은 좀 더 찾아봐야 할거같다 main.js const { app, BrowserWindow, Menu } = require('electr..

IT/Electron 2021.03.16

npm install stuck 오류, (electron npm start error)

git clone https://github.com/electron/electron-quick-start 폴더명 npm install npm start npm install 을 해도 자꾸 중간에 멈추고 요지부동 상태 처음에는 npm install 만했을때 그냥 가만히 뜨기만하길래 로그를 찍어보고자 npm install --verbose npm install -ddd 둘다 해봤다, 추가적으로 찾아보니 npm install ionic --loglevel verbose 라는것도 잘쓰인다는데 이건 아직 안써봄 여튼 위처럼 깔끔하게 설치 완료가 안되고나니 아니나다를까 npm start 를 암만쳐봐도 electron . 사용 할수 없다고 뜬다 우선 node 버전이 옛날꺼여서 lts 버전으로 업그레이드를 시켰고, (..

IT/Node.js 2021.03.15

[Centos8 Apache] SSL 적용 후 https redirect , https 강제 이동

ssl 적용이 완료되었다하더라도 http 가 있고 https 가 있다 당연히 https 로 강제로 보내줘야 하는데 httpd.conf 에서 해당 부분을 조정할수있다. 아래처럼 httpd.conf 의 해당 도메인의 정보를 갖고있는 virtualhost 부분을 수정해줘야한다. DocumentRoot /var/www/html/myDomain.kr ServerName myDomain.kr ServerAlias www.myDomain.kr ErrorLog logs/myDomain.kr-error_log CustomLog logs/myDomain.kr-access_log common RewriteEngine On RewriteCond %{SERVER_NAME} =www.myDomain.kr [OR] RewriteC..

IT/잡다구리 2021.02.23

[SSL] Let's Encrypt SSL 인증서 설치 Centos8 , crontab

센토스8 에서 홈페이지 https 를 위한 Let's Encrypt 설치 방법 간단하게 포스팅합니다. Let's Encrypt 설치 sudo dnf install epel-release 혹시 아래처럼 오류 뜨면서 안되면 Failed to set locale, defaulting to C.UTF-8 CentOS-8 - AppStream 70 B/s | 38 B 00:00 Error: Failed to download metadata for repo 'AppStream': Cannot prepare internal mirrorlist: No URLs in mirrorlist 아래 명령어 실행 mirrorlist 못찾아서 발생하는 문제라 조정해줘야됨 sed -i -e "s|mirrorlist=|#mirrorl..

IT/잡다구리 2021.02.22

[Script] 클래스로 스타일 조정 : No Jquery getElementsByClassName

jQuery 를 이용하면 id 로 가져오던 class 로 가져오던 정말 쉽다 앞에 $ 만 붙여주고 # 냐 . 냐만 보면되니까 근데 요즘 제이쿼리를 안쓰는 추세라고하니 그 추세를 조금이나마 따라가보고자 .. 찔끔찔끔 .. 기존에 쓰던거 안쓰려니 참 이게 뭐라고 괜히 시간소비가 되기도한다 하지만 늘 같은것만하면 언제발전하리 .. getElementById("id") 는 정말 많이 봐왔어서 생소하지않은데 class로 가져오는건 좀 생소하다 input-clear 라는 class 를 가진 엘리먼트에 event 는 아래와 같이 붙여주면된다 var inputClass = document.getElementsByClassName("input-clear"); for (var i = 0; i < inputClass.len..

IT/잡다구리 2021.02.16

[SSL] Let's Encrypt SSL 인증서 갱신시 오류 404

Let's Encrypt 를 이용한 무료 SSL 인증서를 발급받아서 3개월동안 잘 사용하다가 오늘이 만료라 부랴부랴 갱신을 했습니다. certbot renew 위 명령어를 치고 갱신을 하면된다는데, 역시나 아니나다를까 한번에 잘되는 꼬라지를 못봅니다 IMPORTANT NOTES: - The following errors were reported by the server: Domain: test.com Type: unauthorized Detail: Invalid response from http://test.com/.well-known/acme-challenge/_n_Q5_1Y9DQMeE0-OS3uCMf6xemSwSAxLSQ5W_rzayc [222.111.111.111]: "\n\nNot Found\n

IT/잡다구리 2021.02.01
300x250