개발중/JavaScript35

• ES6 - 함수 표현식, 함수 선언, 익명함수 보통 함수를 선언하면 바디와 해당 식별자가 주어진다. 하지만 익명함수를 쓰면 식별자가 따로 필요 없이 작성할 수 있다. 이 익명 함수를 변수에 할당하고 호출할 수 있는 '함수 표현식'을 알아보도록 한다. const f = function(){ //.... } 하나의 변수에 익명함수를 할당하는 구조를 보여주고 있다. const g = function f(){ //∙∙∙∙ }; 함수 표현식으로 선언되었지만 함수명의 식별자가 'f()'로 설정되어 있다. 만약 f()가 자기 자신을 호출할 때는 똑같이 f를 써서 참조할 수 있지만 함수 외부에서 접근하려면 'f()'가 아닌 변수 g로 접근 해야 한다. const g = function f(stop){ if(stop){ console.log('f stopped');.. 개발중/JavaScript 2022. 7. 28.

• onload, DOMContentLoaded 차이 onload와 DOMContentLoaded의 차이 onload 외부자원과 이미지 로드가 모두 끝났을때 발생한다. DOMContentLoaded dom이 로드가 끝났을때 발생한다. 그러므로 DOMContentLoaded이 onload보다 더 빠름. Jquery에서 DOMContentLoaded 비슷한 기능을 하는것이! $(document).ready() 개발중/JavaScript 2022. 7. 28.

• indexOf 대소문자 구분하지 않고 검색 searchName 에 들어있는 문자열 중에 "s" 또는 "S" 를 검색해 searchName.toLowerCase().indexOf("s") searchName 에 들어있는 문자열 중에 "s" 를 검색해 searchName.indexOf("s") 개발중/JavaScript 2022. 3. 10.

• 🔍🔊 배열에 특정 값이 포함되어 있는지 여부 체크하기 🔊🔍 📌 배열에 특정 값이 포함되어 있는지 여부 체크하기 arr 에 3 이 있으면 true 이고 없으면 false 입니다. const arr = [1, 2]; let arrYn = true; arrYn = arr.indexOf(3) < 0 console.log(arrYn) 🧡글이 도움이 되었다면 코로나 때문에 재택하는 디벨빈수 구경가주세요💛 개발중/JavaScript 2022. 2. 24.

• 🔍🔊 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] 🧡글이 도움이 되었다면 코로나 때문에 재택하는 디벨빈수 구경가주세요💛 개발중/JavaScript 2022. 2. 24.

• 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.. 개발중/JavaScript 2021. 12. 11.

• 프로미스 / Promises 프로미스는 자바스크립트에서 비동기 프로그래밍에 사용하는 callback, event 이외에 선택할 수 있는 또 다른 기능이다. ES6 이전엔 bluebirdjs 와 같은 라이브러리가 Promises/A + 스펙에 호환되는 라이브러리를 제공했다. 프로미스는 Promises/A+ 스펙에 설명 된 대로 비동기 작업의 최종 결과를 표현한다. 최종 결과는 성공적 완료나 실패가 될 것이고 여러 비동기 작업을 함께 연결 할 수 있도록 then() 이나 chach() 를 같은 메소드를 제공하여 동기식 코드와 유사하게 만들기도 쉽고 이해하기도 쉽다. 개발중/JavaScript 2021. 11. 16.

• 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 ] 개발중/JavaScript 2021. 11. 4.

• ._find 객체 배열 특정 객체 찾기 ⭕ js 에서 객체 배열이 있다. 나는 value 를 알고 있기에 value 로 특정 값을 알고 싶다. import _ from 'lodash' var list = [ { code: "1" , label: "과자" , value: 123 } , { code: "2" , label: "음료" , value: 234 } , { code: "3" , label: "한식", value: 345 } ] var vo = _.find(list , {value : 123}) vo 에 담길 값 { code: "1" , label: "과자" , value: 123 } ⭕ lodash 가 잘 먹지 않아서 find 로 접근 후 기록 var channelSeqStrList = this.param.channelSeqStrList.. 개발중/JavaScript 2021. 10. 6.

• 

  js 에러 'replace' of undefined 해결 replace 가 undefind 라고 해서 놀랐는데 'replace' of undefined undefind 라서 난 에러다. 개발중/JavaScript 2021. 8. 31.

• js vo null check js vo null check , isNullCheck ( param ){ return Object.keys(param).length === 0 && param.constructor === Object; } 개발중/JavaScript 2021. 8. 25.

• await -비동기 제대로 사용하기 let pwdCertify = await password(); console.log( 'x ?' + pwdCertify ) const password = async () => { try { const res = await passworCertify() console.log('**^^**') console.log(res.data.response_data.statusCode) return res.data.response_data.statusCode; } catch (error) { return error } }; 개발중/JavaScript 2021. 8. 23.