일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- k6 gui
- jvm
- memcached
- spring
- 리눅스
- java8
- JavaScript
- java file download for path
- docker
- java 버전별
- Java
- MySQL
- 그라파나 설치
- windows grafana 설치
- spring file download for url
- Java21
- grafana local
- 도커
- url 파일 다운로드
- grafana 설치
- React
- SpringBoot
- grafana windows
- k6 granafa influxdb
- spring file download for path
- CentOS6
- java9
- spring boot
- docker 설치
- java file download for url
- Today
- Total
목록2. JS (88)
개발자의 길
//blob 데이터로 된 이미지를 다운받기 위한 기능 //data : blob 데이터 //fileName : 다운로드될 이미지명(확장자 포함) export function getDownFile(data: any, fileName: string) { var blob = new Blob([data], { type: 'application/octet-stream' }); //IE용 // @ts-ignore if (window.navigator && typeof window.navigator.msSaveBlob !== 'undefined') { // IE workaround for "HTML7007: One or more blob URLs were // revoked by closing the blob for ..
기본적으로 datatable 사이트에서 제공해주는 pdfmake.min.js vfs_fonts.js 파일이 pdf 다운로드 기능을 제공해 주는 플러그인이다. 하지만 한글 영역을 다운로드 하면 공백으로 나오는 현상을 볼수 있다.(참고로 html5 버전으로 했음) 이유는 두개 파일에 한글이 지원되는 폰트가 안들어갔다. 그래서 한국 사람들이 열심히 찾은 방법을 정리하겠다. 우선 grunt 라는 걸 이용해야 했다.(참고 : https://nuli.navercorp.com/community/article/1132682) grunt는 node를 통해 설치한다. 1. npm install -g grunt-cli 2. https://nuli.navercorp.com/community/article/1132682 에 들..
자바스크립트의 window.location에는 URL정보를 볼 수 있는 변수들이 있는데 아래의 내용은 http://test.local:8088/test.jsp?gg=1 주소를 실행시켰을때 반환될 수 있는 정보들의 예 입니다. window.location.hostname; // => kftc.local window.location.href; // => http://kftc.local:8088/test.jsp window.location.host; // => kftc.local:8088 window.location.port; // => 8088 window.location.pathname; // => test.jsp window.location.search; // => ?gg=1 window.location..
안녕하세요. 오늘은 자바스크립트로 요소의 위치를 구하는 방법에 대해 포스팅 합니다. 요소의 위치를 구할 때, 생각해야할 개념이 있습니다. 이 개념은 자바스크립트 뿐만 아니라, 모든 화면 영역에서 공통으로 쓰이는 개념이라 생각하시면 됩니다. 해당 개념은 크게 절대위치와 상대위치 2가지로 설명 됩니다. 좌표를 처리하는 것은 생각보다 까다로우며, 단순히 API 하나로 처리되지 않습니다. 따라서 좌표를 잘 처리하기 위한 개념을 설명하고, 그 개념을 토대로 좌표를 구하는 방법에 대해 설명 할 예정입니다. 또한 Y값 기준으로 내용을 전개하며, 해당 개념을 그대로 X값을 구하시면 됩니다. 절대위치 와 상대위치란? 절대위치는 시작점으로 부터 떨어진 크기 값입니다. 중요한건 시작점이 어디인지 아는것이 매우 중요합니다. ..
자바스크립트에서 객체를 복사하는 방법은 참 많습니다. 그렇지만 Deep Clone하는 방법은 의외로 쉽지 않은데요. 오늘은 자바스크립트 객체를 복사하는 방법에 대해서 정리해보려합니다. 참조할당 const original = { a: 1, b: 2 }; const copied = original; original.a = 1000; console.log(copied.a);//1000 가장 쉽고 먼저 떠오르는 방법입니다. 하지만 한 객체의 값을 수정하면, 다른 객체의 값 또한 동일하게 변화하는데요. 이걸 참조한다고 합니다. original과 copied라는 서로 다른 변수가 같은 객체를 바라보고 있는 것입니다. 얕은 복사(Shallow Clone) - Object.assign() 우선, 객체의 속성을 복사할 ..
크로스 도메인(XSS) 이슈 (CORS)웹 개발시 주요한 이슈중 하나로, 웹 개발을 하다보면 어떤 경로던 이 이슈를 마주하게 된다. 동일 출처 정책(same-origin-policy)은 하나의 웹 페이지에서 다른 도메인 서버에 요청하는 것을 제한하는 것이다. 제한하는 이유는 간단한데, 내가 네이버라고 가정해보자. 누군가 다른 포탈 서비스를 만들고, 네이버에서 검색한 결과만 가져온다면 문제가 되지 않을까? 때문에 보통의 브라우저에서는 외부 도메인으로의 Ajax로 요청을 보낼 때, cors를 체킹한다. 아래는 크롬에서 발생하는 cors 에러창이다. 그런데 어떤 경우에는 이러한 제한이 또다른 문제를 발생시킨다는 것이다. 이번엔 내가 카카오라 하자. 카카오톡 앱에서는 #검색으로 다음에서의 검색 결과를 가져오는 ..
https://naver.github.io/billboard.js/demo/#Chart.LineChart 네이버에서 관리하는 오픈 소스
들어가며 페이지에 진입할 때마다 특정 자바스크립트가 실행되어야 하는데, 처음 해당 페이지에 진입할 때는 정상적으로 자바스크립트가 실행되지만 뒤로가기를 통해 재진입했을 때에는 자바스크립트가 실행되지 않는 문제가 발견되었다. 뒤로가기에서는 자바스크립트가 항상 실행되지 않는걸까? 뒤로가기를 위한 캐시, BFCache 크롬에서는 뒤로가기로 재진입을 해도 정상적으로 자바스크립트 코드가 다시 실행되는 것을 확인할 수 있었다. 하지만 사파리나 파이어폭스에서는 자바스크립트 코드가 다시 실행되지 않았다. 파이어폭스나 사파리에서 이런 현상이 일어나는 이유는, 뒤로가기를 할 경우 보다 빠른 반응을 위해 BFCache 를 사용해서 저장해놓은 이전 페이지를 바로 로드하기 때문이다. 특히 onLoad 이벤트에 주요 자바스크립트 ..
자바스크립트로 자바의 클래식같은 형식의 표현법을 알아보겠습니다. 1. 첫번째 방식(오브젝트 리터널 방식) var className = {classValue:"Name",methodName : function(){alert('메소드 사용':+this.classValue);}} $("#classClick").click(function(){className.methodName();}); 2. 두번째 방식(함수방식) function functionTypeClass(){this.functionClassValue = "test";this.functionMethod= function(){alert('함수방식 테스트'+this.functionClassValue);}} $("#classClick").click(funct..