I'm sw engineer!

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..

한 화면에 차트를 6개 그려야하는 상황이었다. 원래는 2개정도 밖에 안되어서 전체 코드를 두번 작성하였는데, 6개가 되니까 코드가 너무 길어져서 메서드를 만들어서 그리려고 한다. 차트 그리는 코드를 담은 메서드 function makeChart(chartId, option){ var dom = document.getElementById(chartId); var myChart = echarts.init(dom); var app = {}; if (option && typeof option === 'object') { myChart.setOption(option); } $(window).resize(function() { myChart.resize(); }); $('a[data-toggle="tab"]').o..

EX) ,columns : [ ••• {data : "REG_DT", render : function(data){ const year = data.substring(0,4); const month = data.substring(5,7); const day = data.substring(8,10); const regdate = year+'.'+month+'.'+day; return regdate }}, ••• ] 컬럼명이 "REG_DT"으로 들어오는 데이터 형태가 "yyyy-mm-dd"이었는데, 원하는 출력값은 "yyyy.mm.dd" 이서 데이터를 다시 처리해주어야 했다. 위의 예와 같이 datatables의 option중에서 columns 에서 데이터를 작성해주고, render속성을 이용하여 데이터를 다..

자바스크립트에서 배열이란? 이름과 인덱스로 참조되는 정렬된 값의 집합배열을 구성하는 각각의 값을 배열 요소(element) 라고 하고,배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 자바스크립트에서 배열의 특징 ⭐ 배열 요소의 타입이 고정되어 있지 않다. 한 배열 안에 서로 다른 데이터 타입인 요소를 담을 수 있다. 심지어 변수, 외에도 객체, 함수도 담을 수 있다. var arr = [1234, 'test', true]; //1234➡ number //'test'➡ string //true➡ boolean ⭐ 배열 요소의 인덱스가 연속적이지 않아도 된다. 비어있는 인덱스가 있을 수 있다. ⭐ 배열의 크기를 동적으로 변경할 수 있다. ⭐ 배열에 이미 할당된 값은 사라지지 않는다. var ..

배열의 데이터들이 '키 : 값' 형태인 json형태일 때 키 값을 구하는 메서드는 ➡️Object.keys() const objectArr = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(objectArr)); // expected output: Array ["a", "b", "c"] 나 같은 경우에는 이런식으로 활용을 하였다. json 배열의 값도 json형태인 상황에서, var cData; var cDataKeys =[]; var slsMqty = []; cData = result.result; //cData가 json배열 키 : 값 (키 :값 ) cDataKeys = Object.keys(cData); //cDataKeys는 숫자배열..

자바스크립트에서 배열만드는 방법 ⭐ 대괄호를 이용하여 만들기 1. 빈배열 생성 var arr =[]; 2. 배열 초기화 var arr = ['one','two','three']; 3. 길이를 설정하여 생성 var arr = [,,,]; // 쉼표 개수만큼 크기가 지정. -> arr.length =3 // 값이 할당되지는 않아서 출력하면 undefined 출력 ⭐ Array() 생성자함수로 만들기 1. 빈배열 생성 var arr = new Array(); 2. 배열 초기화 var arr = new Array('one','two','three'); 3. 길이를 설정하여 생성 var arr = new Array(3); // arr.length = 3 // 값이 할당되지는 않아서 출력하면 undefined 출력

const arr = [1, 2]; if(Array.isArray(arr) && arr.length === 0) { return true; }else{ return false; } Array.isArray() 객체가 배열인지 확인하는 함수. javascript에서 데이터 타입을 확인하기 위해 typeof 를 사용하는데, typeof 를 사용하면 배열은 'object'를 리턴한다. 배열인지 확인하기 위해서는 Array.isArray() 함수를 사용해야 한다. arr.length 배열의 길이를 확인하는 속성. 배열 요소의 수를 반환한다. arr이 빈 배열이라면 arr.length 는 0을 반환하고, !arr.length 는 1을 반환한다. 자바스크립트에서 0, null, undefined 는 거짓으로 평가된..