Programing Language/JavaScript
-
Javascript) Inquirer 사용해보기 예시(정리잘된 해외자료)Programing Language/JavaScript 2022. 3. 30. 15:56
출처 : https://www.digitalocean.com/community/tutorials/nodejs-interactive-command-line-prompts Introduction Inquirer.js is a collection of common interactive command-line user interfaces. This includes typing answers to questions or selecting a choice from a list. The inquirer package provides several default prompts and is highly configurable. It is also extensible by way of a plug-in interface...
-
Javascript) sql의 조건문(where)에 Array 넣기Programing Language/JavaScript 2022. 3. 4. 15:23
const test = ['1','2','3']; let testTmep = []; test.forEach((v) => { testTmep.push(`"${v}"`); }); //기본적인 array 쿼리 -> select *from table where id in (1,2,3); const sql = `select * from table where condition IN ( ${testTmep.join(",")} ) `; //consolo.log(testTemp.join(",")) -> "1","2","3" 도움되셨다면 하단의 광고 클리 부탁드립니다 :)
-
Javascript) bytes Array를 image tag안에 넣기Programing Language/JavaScript 2022. 2. 11. 15:23
하이브리드 개발을 진행하다 네이티브의 사진 file을 biteArray로 변환하고 웹뷰의 javascrpt로 전달후 다시 image 태그의 src에 값을 넣을 일이 생겼다. 다음과 같이 진행하면 된다. [137,80,78,71,13,10,26,10,0,...] var imgsrc = "data:image/png;base64," + btoa(String.fromCharCode.apply(null, new Uint8Array([137,80,78,71,13,10,26,10,0,...]))); document.getElementById('image').src = imgsrc; 도움되셨다면 하단의 광고 클릭 부탁드립니다 :)
-
Javascript) Debounce & Throttle 이란 무엇일까?Programing Language/JavaScript 2022. 1. 28. 10:43
자바스크립트 개발에 있어서 이벤트는 빠질 수 없는 요소입니다. 과장을 보태 자바스크립트 개발을 해 본 개발자 중에 이벤트 처리를 해 보지 않은 개발자는 없다고 말해도 과언이 아닐 것입니다. 디바운스(Debounce)와 스로틀(Throttle)은 이러한 이벤트를 제어하는 방법으로, 과도한 이벤트의 발생이 성능 저하를 초래하지 않도록 하기 위해 사용합니다. 대표적으로 디바운스와 스로틀을 이용하여 이벤트 발생을 제어하는 기능은 아래와 같습니다. 스크롤 휠을 이용한 지도 확대/축소 검색어 입력시 자동완성 혹은 연관검색어 노출 피드 방식의 데이터 노출 (스크롤링을 통한 데이터 노출) 이벤트 오버클럭(Overclock - 과도한 이벤트 발생)은 리소스 사용량을 과도하게 증가시키기 때문에 성능 문제를 야기하고 사용자..
-
Javascript) 배열(array),리스트(list)의 값 중에 중복제거 하기Programing Language/JavaScript 2022. 1. 15. 13:45
셋(Set)과 확산 연산자로 배열 중복 제거 자바스크립트의 셋(Set) 객체는 맵(Map) 객체에서 값이 없고 키만 있는 것으로 이해하면 됩니다. 셋 객체 생성자는 배열을 인자로 받아서 중복이 없는 셋 객체를 반환하는 특징이 있습니다. 이 특징을 활용해서 중복이 없는 배열을 다시 만들 수 있습니다. 중복 있는 배열 -> 셋 -> 확산 연산자로 펼침 -> 배열로 생성 과정을 거쳐 중복 없는 배열이 만들어집니다. 단 1행의 코드로 배열의 중복을 없앨 수 있기 때문에 단순히 배열의 중복을 없애는 것이 목적이면 이 방법이 가장 좋은 방법입니다 const arrDup = ['라이언', '어피치', '프로도', '콘', '라이언', '프로도']; const arrUnique = [...new Set(arrDup)]..
-
Javascript) 정규표현식으로 모든 특수문자 제거Programing Language/JavaScript 2021. 12. 29. 16:31
- 공백제외 const regex = /[`~!@#$%^&*()_|+\-=?;:'",.\{\}\[\]\\\/]/gim; let getKeyword = "asdklj. ][34532"; if(regex.test(getKeyword)){ getKeyword = getKeyword.replace(regex, ""); //asdklj 34532 } 도움 되셨다면 하단의 광고 버튼 클릭 부탁드립니다 :)
-
Javascript) for..in 과 for..of의 차이점Programing Language/JavaScript 2021. 12. 29. 10:54
for..in (주로 Object를 for문 돌릴때 사용) const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // expected output: // "a: 1" // "b: 2" // "c: 3" 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in for..of(주로 Array를 for문 돌릴때 사용) const array1 = ['a', 'b', 'c']; for (const element of array1) { console.log..
-
Javascript) 배열의 값 모두 더하기(reduce)Programing Language/JavaScript 2021. 12. 29. 10:49
const array1 = [1, 2, 3, 4]; const reducer = (previousValue, currentValue) => previousValue + currentValue; // 1 + 2 + 3 + 4 console.log(array1.reduce(reducer)); // expected output: 10 // 5 + 1 + 2 + 3 + 4 console.log(array1.reduce(reducer, 5)); // expected output: 15 도움되셨다면 하단의 광고 클릭 부탁드립니다 :)