728x90
반응형

Front/JS & jQuery 454

[echarts] 차트 여러 개 그리기

한 화면에 차트를 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..

Front/JS & jQuery 2022.05.09

[datatables] columns.data.render

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속성을 이용하여 데이터를 다..

Front/JS & jQuery 2022.05.08

[javascript] 자바스크립트 배열의 특징

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

Front/JS & jQuery 2022.05.07

[javascript] json배열의 키 값 구하기 - Object.keys()

배열의 데이터들이 '키 : 값' 형태인 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는 숫자배열..

Front/JS & jQuery 2022.05.04

[javascript] 배열생성

자바스크립트에서 배열만드는 방법 ⭐ 대괄호를 이용하여 만들기 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 출력

Front/JS & jQuery 2022.05.03

[javascript] 배열이 비어있는지 확인하기

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 는 거짓으로 평가된..

Front/JS & jQuery 2022.04.24

[javascript] 소수점 계산 오류

소수점을 포함한 숫자배열의 합을 구하려고 하였는데, 결과값이 엉뚱하게 나왔다. 소수점 아래 5자리인 수를 12개 더해서 값을 콘솔로 찍었는데 소수점이 아래자리가 5자리보다 많은 수가 찍혀나왔다 .. 왜인지 알아보니 소수점 덧셈계산에 오류가 나는 문제가 자바스크립트 뿐만 아니라 다른언어에도 있었다. 원인은 컴퓨터의 문제라서 정확하게 이해하기 어렵지만, 1. 컴퓨터로 숫자를 표현하는 데에는 한계가 있고 2. 10진수로 표현되는 소수를 2진수로 표현하려면 몇몇의 경우 무한소수가 발생하는데, 3. 무한수를 유한하게 표현하려다 보니 미세한 값들이 초과되거나 손실되어 4. 계산 오류가 일어난다. 정도로 알아두고, 그래도 프로그래밍을 해나가야 하기 때문에 해결방법을 알아보자. 1. toFixed() toFixed메서..

Front/JS & jQuery 2022.04.23

[javascript] array.forEach() / array.filter()

forEach() forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행한다. ex) const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach filter() filter() 메서드는 주어진 함수의 테스트를 통과하는 요소를 모아 새로운 배열로 반환한다. ex) const words = ['spray', 'l..

Front/JS & jQuery 2022.04.21

[javascript] async & await

https://imswengineer.tistory.com/118 [javascript] 비동기 처리 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순 imswengineer.tistory.com https://imswengineer.tistory.com/119 [javascript] 콜백함수 콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되 imswengineer.tistory.com https://imswengineer..

Front/JS & jQuery 2022.04.20
728x90
반응형