[Electron] Developer Tool 개발자 도구 활성화 방법 const { BrowserWindow } = require('electron') let win = new BrowserWindow() win.webContents.openDevTools() 또는 Ctrl + Shift + I [참고] electron Document
WEB
[JavaScript] input 에 enter key 입력 이벤트 document.querySelector('#input').addEventListener('keypress', function (e) { var key = e.which || e.keyCode; if (key === 13) { // Enter // Do something } }); [참고] stackoverflow
[ES6] Babel 설치 및 사용 방법 ES6 이상은 javascript 가 그냥 읽을 수 없기 떄문에 ES5로 변환하기 위해 Babel을 사용한다.아래 두개가 미리 설치 되어 있어야 한다.1) npm2) nodejs--> [Electron] npm, electron 설치 에 설치 방법이 나와있다. 1. 바벨 설치 $ npm uninstall -g babel $ npm install --save-dev babel-cli 2. node.js 프로젝트에 바벨 설치 $ npm init $ npm install --save-dev babel-core babel-cli babel-preset-es2015- package.json파일에 devDependencies 옵션이 추가된다. { "name": "test_e..
[Electron] 앱 시작하기 1. 프로젝트 폴더 생성 $ mkdir electron 2. 새로 만든 폴더 경로에서 "npm init" 명령어를 실행. $ npm init - Enter 키를 누르면 다음 정보가 뜸.- 괄호 ( ) 안의 값은 디폴트 값이다. 미입력 시 괄호 안의 값으로 자동 설정된다.- 입력 값- package name : 패키지 명 ( default : 폴더명 )- version : 릴리즈 버전 설정- description : 패키지 설명- entry point : 엔트리 포인트 파일 ( default : index.js )- git repository : 깃 저장소- keywords : 키워드- author : 저자- license : 라이센스 ( default : ISC ) 3. ..
[Electron] npm, electron 설치 Electron 애플리케이션은 근본적으로 Node.js 애플리케이션이라고 할 수 있다. 그래서 Node.js 를 먼저 설치해야한다. 1. npm 설치 - node.js 를 설치하면 npm 이 자동으로 설치된다. - https://nodejs.org/en/download/ 접속해서 자신의 OS에 맞는 파일 다운. - 자동으로 저장된 위치 ( mac ) This package has installed: •Node.js v10.15.0 to /usr/local/bin/node •npm v6.4.1 to /usr/local/bin/npm Make sure that /usr/local/bin is in your $PATH. - Node.js 버전을 확인. itin..
[JavaScript] 에서 CSV, Json 파일 읽는 방법 /* file load events */ function loadFile(sender) { // check file ext var validExts = new Array(".csv", ".json"); // Allow csv, json var fileExt = sender.value; fileExt = fileExt.substring(fileExt.lastIndexOf('.')); // If ext is not valid -> alert if (fileExt && validExts.indexOf(fileExt) < 0) { alert("Invalid file selected. valid files a..
