I'm sw engineer!

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault Event.preventDefault() - Web API | MDN Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다. developer.mozilla.org

jQuery.extend( 대상, object1 [, objectN ] ) ✅ 둘 이상의 개체의 내용을 첫 번째 개체로 병합합니다. https://api.jquery.com/jquery.extend/ jQuery.extend() | jQuery API Documentation Description: Merge the contents of two or more objects together into the first object. When two or more object arguments are supplied to $.extend(), properties from all of the objects are added to the target object. Arguments that are null or ..

,series: [ { name:'데이터 이름', data:[ { value: Data[0], itemStyle: { color: "#BFBFBF"} }, { value: Data[1], itemStyle: { color: "#FBE5D6"} }, { value: Data[2], itemStyle: { color: "#E2F0D9"} }, { value: Data[3], itemStyle: { color: "#5FC6E3"} }, ], }, ▪▪▪ ] 핵심은 파란글씨 부분! 데이터 Value를 나는 배열로 가지고 와서, 저렇게 입력해주었는데 그냥 값을 적어줘도된다. 각 데이터 별로 itemSyle - color를 다르게 지정해주면 데이터별로 원하는 색상으로 지정할 수 있다.

https://phppot.com/jquery/calculate-sum-total-of-datatables-column-using-footer-callback/

https://perlpark.github.io/articles/array-from/ https://perlpark.github.io/articles/array-from/ Array.from 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듭니다. 이 메서드는 이름에서도 유추해볼 수 있다시피 어떤 데이터로 부 perlpark.github.io

✅ 예약어 / 키워드 : 자바스크립트에서 이미 기능적으로 정의되어 사용되고 있는 단어 ex) var, let, cocnst, function, if, for, while, switch ✅ 식별자 : 변수명이나 함수명처럼 어떤 것들의 이름을 지어주는 것. ➡️ 예약어/ 키워드는 식별자로 사용할 수 없다. ( 영문, 숫자, _, $ 만 사용가능 ) ➡️ 식별자의 처음으로 숫자는 올 수 없으며 여러단어로 연결되어있을 때 각 단어의 첫문자를 대문자로 작성하는 카멜케이스법에 따라 작성한다. ✅연산자 : 어떠한 프로그래밍적 처리를 하라는 의미를 가지고 있는 각각의 기호 ex) = (대입연산자), + / - (산술연산자) ✅표현식 : 값으로 평가될 수 있는 자바스크립트 구문 ex) 10+20 ( 표현식 ) , 30 ..

.filter() 메서드는 특정기준과 일치하는 모든 요소를 반환한다. $("p").filter(".intro") ➡️ 클래스가 "intro" 인 모든 요소를 반환 참고 : https://www.w3schools.com/jquery/traversing_filter.asp jQuery filter() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

화살표 함수 를 쉽게 설명하면, function 키워드와 식별자를 빼주고 소괄호와 중괄호 사이에 => (화살표)를 넣는것. 식별자가 없기 때문에 호출을 할 수가 없다. 함수표현식을 사용하여 변수에 화살표 함수를 할당해주면 다른곳에서 호출해여 쓸 수 있다. 화살표함수의 특징 1 함수의 중괄호 안에 return 식만 포함이 된다면, 중괄호와 return을 지우고 표현해도 정상적으로 작동된다. console값이 40으로 찍힌다. 화살표함수의 특징 2 매개변수가 하나라면 소괄호를 생략가능하다. console값이 100으로 찍힌다. 화살표함수의 특징 3 매개변수가 없다면 소괄호만 작성한다. console값이 3.14로 찍힌다. 화살표함수의 특징 4 return 값이 객체일때 + return 식만 존재할 때 주의해..

var table = $('#example').DataTable({ ajax: 'https://gyrocode.github.io/files/jquery-datatables/arrays.json', createdRow: function(row, data, dataIndex){ // If name is "Ashton Cox" if(data[0] === 'Ashton Cox'){ // Add COLSPAN attribute $('td:eq(1)', row).attr('colspan', 3); // Hide required number of columns // next to the cell with COLSPAN attribute $('td:eq(2)', row).css('display', 'none'); $(..

function addPct(value){ if ( isNaN(value) ) { // 값이 없어서 NaN값이 나올 경우 value = 0.0; } return value; } 비율을 구하는 코드식을 짜고 있는데 0 / 0을 계산하니 값이 NaN 으로 뜨는 문제점이 발생하였다. 그래서 계산된 value값이 NaN 일 때 0.0으로 값을 반환해주는 메서드를 작성하여 문제를 해결하였다.