I'm sw engineer!

소수점 자리수 제거 const number1 = 1.34313 const number2 = 1.35756 console.log(number1.toFixed(2)) // 1.34 console.log(number2.toFixed(4)) // 1.3576 Number.prototype.toFixed() 함수를 사용할 경우, 기본적으로 반올림이 원칙.

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(...)를 사용하여 배열을..

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

⭐동적으로 selectbox 만들기 result.result.forEach((code)=>{ $('#' + formId) .append( $('', { value : code['CODE_ID'] }).text(code['CODE_NM']) ); if(code.CODE_ID == "3"){ $('#' + formId).find('option[value="3"]').attr("selected",true); } }); ➡️ result.result에 들어있는 배열 순서대로 하나씩 value에 CODE_ID 내용에 CODE_NM의 내용을 담아서 추가한다. ⭐ select 태그의 option에 selected 속성 추가하기 $('#formId').removeAttr('selected'); ➡️ select태그 i..