본문 바로가기

개발중/JavaScript

 (35)
ES6 - 함수 표현식, 함수 선언, 익명함수 보통 함수를 선언하면 바디와 해당 식별자가 주어진다. 하지만 익명함수를 쓰면 식별자가 따로 필요 없이 작성할 수 있다. 이 익명 함수를 변수에 할당하고 호출할 수 있는 '함수 표현식'을 알아보도록 한다. const f = function(){ //.... } 하나의 변수에 익명함수를 할당하는 구조를 보여주고 있다. const g = function f(){ //∙∙∙∙ }; 함수 표현식으로 선언되었지만 함수명의 식별자가 'f()'로 설정되어 있다. 만약 f()가 자기 자신을 호출할 때는 똑같이 f를 써서 참조할 수 있지만 함수 외부에서 접근하려면 'f()'가 아닌 변수 g로 접근 해야 한다. const g = function f(stop){ if(stop){ console.log('f stopped');..
onload, DOMContentLoaded 차이 onload와 DOMContentLoaded의 차이 onload 외부자원과 이미지 로드가 모두 끝났을때 발생한다. DOMContentLoaded dom이 로드가 끝났을때 발생한다. 그러므로 DOMContentLoaded이 onload보다 더 빠름. Jquery에서 DOMContentLoaded 비슷한 기능을 하는것이! $(document).ready()
indexOf 대소문자 구분하지 않고 검색 searchName 에 들어있는 문자열 중에 "s" 또는 "S" 를 검색해 searchName.toLowerCase().indexOf("s") searchName 에 들어있는 문자열 중에 "s" 를 검색해 searchName.indexOf("s")
🔍🔊 배열에 특정 값이 포함되어 있는지 여부 체크하기 🔊🔍 📌 배열에 특정 값이 포함되어 있는지 여부 체크하기 arr 에 3 이 있으면 true 이고 없으면 false 입니다. const arr = [1, 2]; let arrYn = true; arrYn = arr.indexOf(3) < 0 console.log(arrYn) 🧡글이 도움이 되었다면 코로나 때문에 재택하는 디벨빈수 구경가주세요💛
🔍🔊 split 사용 - 문자열 배열로 변경 ( 특정 문자 기준 ) 🔊🔍 📌특정 문자열 기준으로 문자열을 배열로 변형하는 split 아래처럼 변수를 준비하고 let searchSystemIsourcetype = "A B C D" split 을 " " 으로 분리시키면 searchSystemIsourcetype = searchSystemIsourcetype.split(" ") searchSystemIsourcetype.forEach( x => { console.log(x) }) 데이터 형식이 아래와 같이 변형된다 ( String -> Array ) searchSystemIsourcetype = [A,B,C,D] 🧡글이 도움이 되었다면 코로나 때문에 재택하는 디벨빈수 구경가주세요💛
js 에서 액셀 파일 샘플 (excel sample) 생성하기 xlsx 를 서버에서 poi 로 생성하려는 고정 관념이 너무세개 박혔었다. 이 두개면 충분 할 것을 ;;; 참고 npm install xlsx file-saver -S npm install script-loader -S -D , async downloadByQuestionExcelSample (){ import('@/vendor/Export2Excel').then(excel => { const tHeader = ['Id', 'Title', 'Author', 'Readings', 'Date'] const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'] const list = [{id : 1, title : 'binsoo' , autho..
프로미스 / Promises 프로미스는 자바스크립트에서 비동기 프로그래밍에 사용하는 callback, event 이외에 선택할 수 있는 또 다른 기능이다. ES6 이전엔 bluebirdjs 와 같은 라이브러리가 Promises/A + 스펙에 호환되는 라이브러리를 제공했다. 프로미스는 Promises/A+ 스펙에 설명 된 대로 비동기 작업의 최종 결과를 표현한다. 최종 결과는 성공적 완료나 실패가 될 것이고 여러 비동기 작업을 함께 연결 할 수 있도록 then() 이나 chach() 를 같은 메소드를 제공하여 동기식 코드와 유사하게 만들기도 쉽고 이해하기도 쉽다.
lodash remove 참고 사이트 let x = [1, 2, 3, 4, 5]; let even = _.remove(x, function(n) { return n % 2 == 0; }); console.log('Origianal Array ', x); console.log('Removed element array ', even); Origianal Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]

티스토리툴바