차트는 막대랑 꺾은 선 밖에 안 써봤는데 도넛(원) 차트를 만들어 볼 기회가 있어서 만들어 보았다. 만드는 건 문제가 아니었는데 막대랑 꺾은 선과 다르게 도넛 차트에서는 차트 영역에 툴팁이 노출되는데 커서를 툴팁 위에 대면 툴팁이 미친듯이 깜박인다. 여기 저기 찾아봤더니 이미 많은 사람들이 고통받고 있는 문제였다. 그 중 참고한 사이트는 아래 2개이다. (두번째 사이트가 더 도움이 되었다.) https://stackoverflow.com/questions/37902708/google-charts-tooltip-flickering https://github.com/google/google-visualization-issues/issues/2162 제시된 방법들을 정리해 보면 다음과 같다. 1) 버전에 'c..
참고사이트: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/encodeURI 전달할 파라미터에 한글이 있을 경우에, 호출에 장애가 발생하거나 전달된 파라미터가 깨져서 나올 수 있다. 그럴 때에는 호출하기 전에 javascript에서 encodeURI로 감싸주면 된다. 파라미터를 포함한 url 전체를 감싸주어도 되고, 한글로 된 파라미터만 감싸주어도 된다. var param = '안녕하세요.'; var url = 'http://test.com?str='; encodeURI(url + param); url + encodeURI(param);
1. toUpperCase() : 대문자 변환 var str = "abCdeF"; str = str.toUpperCase(); console.log(str); //ABCDEF; 2. toLowerCase() : 소문자 변환 var str = "abCdeF"; str = str.toLowerCase(); console.log(str); //abcdef; 3. setTimeout({실행할 함수}, {지연시간(millisecond)}) : 일정 시간 경과 후 함수 실행 (1회) 참고사이트 : https://stackoverflow.com/questions/1190642/how-can-i-pass-a-parameter-to-a-settimeout-callback function sample(){ alert("s..
자주 사용하지만 사용할 때마다 서칭하는 ㅠㅠ 상세 문법들이 더 있지만 일단 간단하게 사용. 1. JSON 문자열을 Object로 변환 - 변수 = JSON.parse(JSON 문자열); - 출처 : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse - JSON 문자열 내에 후행 쉼표 사용 불가 const json = '{"result":true, "count":42}'; const obj = JSON.parse(json); console.log(obj.count); // expected output: 42 console.log(obj.result); // expected output: true 2. JavaSc..
1. Vue인스턴스 : Vue 생성자로 만든 객체 2. 옵션(options) 객체 : Vue인스턴스를 생성할 때 전달하는 속성들을 담은 객체 1) data 옵션 - Vue인스턴스와 data 옵션에 주어진 객체 사이에 프록시를 두어 처리됨. (vue 인스턴스 내부에서 직접 이용되지 않음) - 변경사항은 즉시 감지됨. - 접근 : Vue인스턴스.키 = 값; 데이터변수.키 = 값; vue인스턴스.$data.키 = 값; 2) el 옵션 - Vue인스턴스에 연결할 HTML DOM 요소를 지정. - 여러 개 요소에 지정할 수 없음 (여러 개 요소가 있을 경우 그 중 첫번째 요소에만 연결됨) - vue인스턴스가 HTML 요소와 연결되면 도중에 연결된 요소를 변경할 수 없기 때문에 Vue 인스턴스를 생성할 때 미리 지..
출처 : https://stackoverflow.com/questions/5139323/window-resize-is-not-working-in-chrome-and-opera window.resize is not working in chrome and opera window.resize is not working in chrome and opera ..how to make it work? stackoverflow.com 창크기 조절 버튼을 만들었는데 IE11에서는 잘 동작하고 크롬에서는 동작하지 않는 것이다. 함수가 동작할 때 에러가 나는지 해서 디버깅했는데 오류없이 잘 실행되었다. 그래서 혹시 원래 그런건가 싶어서 검색을 해봤는데, 1. window.open... 으로 만들어진 창이나 탭인 경우에만 창..
웹 브라우저에 따라 다르게 동작해야 하는 경우, 웹 브라우저 추적을 위해서 대부분 userAgent를 사용한다. var agent = navigator.userAgent.toLowerCase(); 그런데 대부분 될 것으로 기대했던 동작이 안되는 경우는 IE이고 ㅠㅠIE에서도 버전을 따져야 하는 경우가 있다. 이런 경우에는 document.documentMode를 이용할 수 있다. var ieVer = document.documentMode; 이렇게 하면 IE인 경우 ieVer의 데이터형식이 Number로 IE 버전을 값으로 갖는다.그리고 IE가 아닌 경우에는 ieVer는 undefined가 된다.