javascript

· WEB/Node.js
[NodeJS] 동기/비동기 Nodejs 가 javascript 기반이라 "비동기" 방식으로 실행되다 보니, 쿼리가 순차적으로 진행되지 않는다. 순차적으로 실행시키기 위해 "동기" 방식으로 바꿔야 한다. 비동기 A, B 함수가 있으면 A 시작 -> B 시작 -> A, B중 먼저 끝나는 대로 종료 동기 A, B 함수가 있으면 A 시작 -> A 종료 -> B 시작 -> B 종료 동기 방식을 사용하기 위해서는 먼저 "async"을 npm 을 통해 다운 받는다. $ npm --save-dev install async 사용 방법은 아래와 같다. `async.waterfall` 안에 선언된 함수 순차대로 진행하게 된다. const async = require('async'); async.waterfall([ // ..
· WEB/HTML
[HTML] Color Palette ( spectrum ) 🤜 Spectrum - MIT 라이센스 예) HTML Javascript (JQuery) // 스펙트럼 생성 $("#color").spectrum({ // allowEmpty:true, // 색 없음 가능 여부 default : false // showButtons: false, // 하단에 close , chose 버튼 preferredFormat: "hex", // 색 포멧 형식 지정 color: "#f00", // 초기 색 설정 showPalette: true, // 왼쪽 색 파레트 사용 여부 palette: [ ['#000000', '#ffffff'], // 한 줄에 두가지 색상 씩 두줄로 표시됨 ['#00ff00', '#ff0000']..
[JavaScript] style 제거 하는 방법 ex) `el` 아이디를 갖는 요소의 `transform` style을 제거할 경우 CSS #el { transform: translate(171px, 0px); } JS const el = document.getElementById("el"); el.style.setProperty("transform", "none"); [참고] https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty
[JavaScript][NeDB] Unique Key 설정 방법 데이터를 insert 할 때 _id 제외한 다른 key 값이 중복되는 것을 막기 위한 unique 설정 방법이다. nedb의 문서를 보면 indexing 부분에 unique 방법이 설명되어 있다. 만약, `_name` 필드에 unique 설정을 하려면 아래와 같이 선언해 주면 된다. // local database const Datastore = require('nedb'); const appDir = app.getPath('userData'); // nedb 파일 생성 const db = new Datastore({ filename: './nedb.db', autoload: true }); // ex) _name 필드에 Unique Key..
· WEB/Electron
[Electron] contextmenu 만드는 방법 Contextmenu? 마우스 오른쪽 버튼 눌렀을 때 생성되는 메뉴. 먼저, menu 관련 electron api 추가한다. const electron = require('electron'); const { remote } = electron; const { Menu, MenuItem } = remote; 사용할 메뉴를 정의한다. ex. 마우스 오른쪽 클릭할 경우 표시될 menu를 만들 예정이기 때문에 menu 이름을 `rcMenu`라 정의했다. // 메뉴 생성 const rcMenu = new Menu(); append 함수를 이용하여 메뉴에 아이템(옵션)들을 추가한다. // 일반 메뉴 아이템 rcMenu.append(new MenuItem({ la..
[JavaScript] 키보드 이벤트 ( 단축키/hotkey ) 생성하는 방법 ex) `Ctrl + Alt + c` 을 눌렀을 때 이벤트 생성 var isCtrl, isAlt; // ctrl. Alt 눌림 여부 확인 document.onkeyup = function(e) { if (e.which == 17) isCtrl = false; if (e.which == 18) isAlt = false; } document.onkeydown = function(e) { if (e.which == 17) isCtrl = true; if (e.which == 18) isAlt = true; console.log(e.which , isCtrl, isAlt) if (e.which == 67 && isCtrl == tru..
S0PH1A
'javascript' 태그의 글 목록 (4 Page)