본문 바로가기
반응형

Javascript38

IE로 접속 시 edge로 이동 IE는 이제 지원종료도 다가오고 있고, 거의 사용되지 않는다고는 하지만 실제로 쓰는 사람이 많다. 그리고 아직 클라이언트 중에는 IE를 사용하는 사람이 있다. javascript로 구현을 하다보면 ie에서 지원되지 않는게 많기에 최신 기능을 지원하는 브라우저를 써야만 하는 경우, 현재 브라우저를 체크해서 경고를 하거나, 다른 브라우저로 강제 이동 시켜줄 수 있다. 아래 코드는 엣지로 강제 이동 시키는 코드이고, 다른 브라우저는 되지 않는다. 아무래도 브라우저가 로컬 피씨의 프로그램을 제어한다는 것 자체가 보안 이슈이기 때문에....흠;; var url = "http://www.naver.com"//이동 주소 if(navigator.userAgent.indexOf("Trident") > 0){ alert(.. 2022. 5. 27.
웹에서 svg를 excel에 저장하는 방법 svg를 excel로 출력하기 위해서는 몇가지 작업이 필요하다. 일반적인 자바스크립트 excel 라이브러리에서는 base64로 인코딩된 이미지를 넣을 수 있게 지원 해준다. https://github.com/exceljs/exceljs GitHub - exceljs/exceljs: Excel Workbook Manager Excel Workbook Manager. Contribute to exceljs/exceljs development by creating an account on GitHub. github.com 일반적으로 사용하는 exceljs 라이브러리 이다. 그리고 프론트에서 파일 저장을 서버를 거치지 않고 사용하는 라이브러리인 fileSaverjs https://github.com/eligre.. 2022. 5. 26.
천단위 콤마 처리(브라우저 호환성 포함) 천단위 콤마 처리 샘플 코드 //비용 콤마 처리 $('.price').on('keyup',function(){ var check = /^[0-9]+$/; var price = $(this).val().replace(/,/g, ""); if(!check.test(price) && price != ""){ alert('숫자만 입력 가능합니다.'); price = price.replace(/[^0-9]/g,"");//숫자만 남기기 } //$(this).val(price.replace(/\B(? 사파리에서 코드에서 에러가 발생하여 동작하지 않는 문제 확인.. 정확히는 Invalid regular expression 라는 문구가 발생하였었다. lookbehind라는 문법을 사용해서 발생했던 문제;; 2022. 5. 14.
JSON에서 중복된 value제거하기 중복된 값을 제거하는 두가지 예제이다. 첫번째 코드의 경우에는 new Set에는 유일값만 들어간다는 것을 이용하여 map을 통해 값을 추출하고 넣는 형태로 되어져있다. for문 돌리고 막 별짓 안 해도 이렇게 쉽게 되는데 너무 머물러 있었던듯 하다. 개발자는 평생 공부 해야하는데 에휴... var test_data = { data :[ {section:'10',unit:'bb',tag:'cc'}, {section:'20',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'}, {section:'30',unit:'bb',tag:'cc'},.. 2022. 4. 26.
두 날짜 차이 계산 날짜 차이 계산 및 크기 비교를 하는 샘플이다. 갑자기 날짜 비교를 하여 validation 체크가 필요한데 바로 생각이 안 나서 여기 기록 한다. const date1 = new Date("2022-03-19"); const date2 = new Date("2022-03-18"); const diff = date1.getTime() - date2.getTime(); const diffDays = Math.abs(diff / (1000 * 3600 * 24)); console.log(diffDays);//날짜 차이 계산 console.log(date1 > date2);//날짜 크기 비교 바로 생각 안 나는것들 하나씩 채우다보면 한 가득일듯(....) 그래도 대충 뭐인지 검색 키워드는 알아서 다행이다. 2022. 3. 17.
nvm 설치 오류 해결 with scoop nvm을 윈도우10에서 설치를 했는데 오류가 발생했다. 오류의 원인으로는 검색해본 결과 경로에 빈칸, 특수문자, cmd 관리자 권한 같은 것들이 원인이 될 수 있다고 한다. 나의 경우에는 error 5, error 145 가 나타났으며 위의 방법들로 해결되지 않던중 scoop라는 것을 알게 되었다. scoop는 윈도우에서 cmd로 프로램을 설치할때 사용하는 프로그램으로 powershell에서 사용하면 된다. (*powersheel 실행 시 반드시 관리자 권한으로 실행) Set-ExecutionPolicy RemoteSigned -scope CurrentUser $env:SCOOP = 'C:\Scoop' iex (new-object net.webclient).downloadstring('https://ge.. 2022. 1. 1.
728x90

티스토리툴바