I'm sw engineer!

1. toString() - ().toString(2) => 2진수로 변환 , default로 ()이면 10진수로 변환. const str1 = (123.1).toString(); const str2 = (123).toString(); const str3 = (3).toString(2); document.write(str1 + ', ' + typeof str1 + ' ');// 123.1, string document.write(str2 + ', ' + typeof str2 + ' ');// 123, string document.write(str3 + ', ' + typeof str3 + ' ');// 11, string 2. String() const str1 = String(123.1); const ..

거듭제곱 (**) 거듭제곱 연산자(**)는 왼쪽 피연산자를 밑, 오른쪽 피연산자를 지수로 한 값을 구한다. x ** y// x ^ y console.log(3 ** 4); // expected output: 81 console.log(10 ** -2); // expected output: 0.01 console.log(2 ** 3 ** 2); // expected output: 512 console.log((2 ** 3) ** 2); // expected output: 64

1. concat() array.concat([value1[, value2[, ...[, valueN]]]]) array.concat([value1[, value2[, ...[, valueN]]]]) const arr = [1, 2, 3]; const newArr = arr.concat('a', ['b', 'c'], 'abc'); document.writeln(arr + ' '); // [1, 2, 3] document.writeln(newArr.length + ' '); // 7 document.writeln(newArr); // [1, 2, 3, 'a', 'b','c', 'abc'] 2. spread operator : ... ES6에서 제공하는 spread operator(...)를 사용하여 배열을..

post방식으로 데이터를 받아왔는데, 반환된 배열에 들어있는 데이터 값이 안들어있어서 undefined로 반환될경우에 에러가 발생하였다. 그래서 빈배열을 체크하는 메서드를 만들어서 임의로 배열을 만들어서 반환해주었다. function isEmptyArr(arr, arrLth) { if(Array.isArray(arr) && arr.length === 0) { for ( i=0; i< arrLth; i++ ){ arr.push({"SLS_MAMT": 0}); } return arr; } return arr; }

차트를 그리려는데 데이터 항목중에 합계(total)는 데이터 lebel만 표시하고 line은 숨기고 싶은 상황이었다. 그래서 line의 color속성을 투명색 코드로 주고, symbolSize 속성값은 0으로 주었다. color: "#00ff0000" ➡ 색상코드 넣는 곳에 넣어주면 된다.

option ={ data: [42779,21382,13007,8390] series:[ label:{ show: true, formatter: function (params){ var val = addComma(params.value); return val; } } ] }; /* 천단위 콤마 */ function addComma(value){ value = value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); return value; } 필요한 부분만 코드를 적어놓았다 !

option안에 series 안에 roseType은 1. area : 사이각은 모든 데이터가 똑같고 데이터 수치에 따라 차트의 넓이가 달라진다. 2. radius : 데이터 수치에 따라 사이각과 넓이가 모두 달라진다.

1. 막대그래프 option안에 series안에 lable에 show: true로 설정하면 된다. option = { tooltip: {}, legend: {}, xAxis: { data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] }, yAxis: {}, series: [{ name: "Sale", type: "bar", data: [5, 20, 36, 10, 10, 20, 4], label: { show: true, } }] } 2. 파이그래프 파이 그래프는 lable에 show: true 로 설정하면 범례목록만 표시가 된다. 데이터를 표시하려면, formatter를 사용해야한다. {a}: 시리즈 이름. {b}: 데이터 항목의 이름입니다. {c}: 데이터..

$(document).ready(function(){ alert('reday'); }); $(window).onload(function(){ alert('onload'); }); 둘의 차이점을 이해하려면 먼저 렌더링을 이해해야 한다. https://imswengineer.tistory.com/109 렌더링이란? 사용자가 브라우저를 통해 웹사이트를 접속하면, 서버로부터 HTML, CSS등 웹사이트에 필요한 리소스를 다운 받는다. 브라우저가 페이지를 렌더링하려면 먼저 HTML코드는 DOM, CSS는 CSSOM트리를 생성 imswengineer.tistory.com 🔶 $(document).ready ➡️ DOM 트리가 생성 완료되면 실행 🔶 $(window).onolad ➡️ 모든 페이지 페인팅 완료 후에 ..

$()안에 input태그 안의 id값으로 설정해줘도 되고, class 값으로 설정해줘도 된다. $("input[name='percentage']") 대신에 $('#id값') $('.class값') 출처 : https://codepen.io/mesapkota/pen/bMoqZR Adding percentage to input box using jquery ... codepen.io