본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Javascript/[중요] Javascript26

Javascript 이진탐색을 활용한 탐색 기능 향상(Javascript Binary search, javascript 반복문 속도 향상) Javascript를 활용해서 대량의 데이터를 조회해야되는 경우에 일반적인 반복문을 사용하면 시간이 오래걸리는 경우가 존재 한다. 가령, 1부터 1,000,000 까지의 데이터가 존재하는데 특정 데이터를 탐색한다 하면 일반적인 구조는 아래와 같다. var data = [1,2,3,4,5,...1000000] //데이터가 담긴 배열 var target = 999,999 //찾고자 하는 데이터 //찾는 반복문 for(var i = 0; i < data.length;i++){ if(data[i] == target){ //만약 찾는데이터가 같다면 console.log(data[i], 'end!'); return; } } 자..위 구조에 의하면 반복문에 의해서 999,999번 돌다가 데이터를 찾는모습이 나오게된다.. 2019. 11. 21.
Javascript 날짜 사이 값 배열로 가져오기(Javascript Array date) 가끔가다 쓰는 기능인데..자바스크립트로 날짜 사이의 값을 배열로 가져오는 기능이다. 어렵지 않는 기능이긴한데 간혹 만들기 귀찮아서 적어본다. 날짜 형태는 YYYY-MM-DD 형태를 유지하여 가져오는 방식으로 만들었다. function getDateRangeData(param1, param2){ //param1은 시작일, param2는 종료일이다. var res_day = []; var ss_day = new Date(param1); var ee_day = new Date(param2); while(ss_day.getTime() 2019. 10. 29.
Javascript를 활용하여 엑셀파일을 웹에서 테이블로(Javascript read excel file, sheetjs, javascript parsing excel) 엑셀파일의 내용을 읽어와서 표를 구현해야되는 경우가 종종 있다. 예전에는 이러한 요구사항을 해결하려면, 서버에서 엑셀파일을 읽어서 json 형식으로 리턴하고..리턴된 형식의 데이터를 가져와서 웹에서 일일이 그려주는 방식으로 처리 했었다. 그런데..엄청난 라이브러리가 있었다.. https://sheetjs.com/ SheetJS SheetJS Tools for Excel Spreadsheets sheetjs.com 해당 라이브러리는 거의 대부분의 브라우저에서 지원되는 라이브러리로, 파일 또는 서버에서 가져온 일반 blob형태의 엑셀 데이터를 파싱하여 테이블로 그려주는 기능을 가지고 있다. 일단 위 사이트를 통해서 라이브러리를 받자. 해당 사이트의 깃허브로 이동하면 받을 수 있다. https://github.. 2019. 10. 23.
엣지에서 IP주소가 파란색 및 줄로 나오는 현상(edge ip auto underline, x-ms-format-detection ) 네네. 우리의 마이크로소프트의 브라우저가 저런 황당한(?) 기능을 부여할 때가 있습니다. 즉, a테그없이 그냥 단순히 ip 만 들어갔을 뿐인데 저런 현상을 보여주곤 합니다. 이를 해결하기 위해서는 x-ms-format-detection을 메타테그에 설정하던지 아니면 해당 엘리먼트의 속성에 x-ms-format-detection 추가하고 none값을 주면 됩니다. 1. 속성에 주는 방법 111.222.111.222 2. 메타테그에 주는 방법 111.222.111.222 끝~ 2019. 9. 20.
Javascript 배열 정렬 (Array Sort) var array = [ {random_type4:'B', random_type5:'D', daying:'2019-07-01 01:51', count:2}, {random_type4:'B', random_type5:'D', daying:'2019-07-02 01:51', count:5}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 00:51', count:1}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 03:51', count:4}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 02:51', count:3} ]; array.sort(f.. 2019. 7. 18.
Parcel 웹 어플리케이션 번들러 타입스크립트나 javascript로 잘 짜여진 코드를 webpack으로 압축해서 잘 쓰다보면 require 관련된 오류나 import 때문에 골치아파지는 경우가 있다. 익스플로러에서 자주 만나게 되는 것 같다.. 또한 일일이 import한 내용을 옮기거나 포함시키려면 어려운 경우가 종종 있는데.. parcel 이라는 번들러는 이러한 문제를 간단하게 해결하여 준다. 대상 파일에 명령어를 통해 buiild하게되면 간단하게 파일 1개로 떨구어 준다. https://parceljs.org/ Parcel Blazing fast, zero configuration web application bundler parceljs.org 설치방법 npm install -g parcel-bundler 사용 parcel 대상 .. 2019. 7. 16.