I'm sw engineer!

label: { show: true, fontSize: 12, fontWeight: "bold", position: "inside", // Position the label inside the bar color: "black", formatter: function(data) { const seriesName = data.seriesName; // The series name (e.g., '영업수익') const value = Common.numberWithCommas(data.data); // The value, formatted return `${seriesName}\n${value}`; // Add a newline characte..

series: [ { name: '영업수익', data: amtArr, type: 'bar', stack: 'Ad', barWidth: '30%', itemStyle: { color: (params) => amtColors[params.dataIndex % amtColors.length] }, label: { show: true, fontSize: 12, fontWeight: "bold", position: "inside", color: "black", format..

ECharts에서 x축을 따라 막대형 차트의 각 막대에 다른 색상을 설정하려면,각 막대에 해당하는 배열을 사용하여 개체 itemStyle내의 속성을 사용자 지정할 수 있습니다.getCoChartOption = (xAxisData, amtArr, otherArr, valRange) => { const amtColors = ["#F4E5E0", "#F0A5A0", "#E8C6C0", "#D8B7A0"]; // Example colors for "영업수익" bars const otherColors = ["#5FC6E3", "#4BADD8", "#3A95B3", "#2681A0"]; // Example colors for "영업외수익" bars return { tooltip: {..

evt.currentTarget을 사용하여 선택된 박스의 선택된 option의 text를 가져오려면 다음과 같이 처리할 수 있습니다 $(document).on('change', 'select', function(evt) { var selectedText = $(evt.currentTarget).find('option:selected').text(); console.log('선택된 텍스트:', selectedText);});

MSA(Microservices Architecture) 개발은 소프트웨어를 작은 독립적인 서비스 단위로 분리하여개발, 배포, 운영하는 소프트웨어 아키텍처 스타일을 말합니다.전통적인 모놀리식(monolithic) 아키텍처와 달리, 애플리케이션 전체를 여러 개의 마이크로서비스로 나누어각 서비스가 독립적으로 작동하며, 서로 네트워크를 통해 통신합니다.  MSA의 특징작은 서비스로 분리하나의 큰 애플리케이션을 여러 개의 작은 서비스로 나눕니다.각 서비스는 특정 비즈니스 기능을 담당합니다. (예: 결제, 사용자 인증, 상품 관리 등)독립 배포 가능각 서비스는 독립적으로 개발, 테스트, 배포가 가능합니다.특정 서비스만 수정하고 다시 배포해도 전체 시스템에 영향을 미치지 않습니다.다양한 기술 스택 허용각 서비스는 ..

import java.math.BigDecimal;public class Main { public static void main(String[] args) { EqCrAdvpSum eqCrAdvpSum = new EqCrAdvpSum(); // getTotTotalAmt() 값이 null인지 확인하고 null이면 0으로 설정 BigDecimal totalAmt = eqCrAdvpSum.getTotTotalAmt() != null ? eqCrAdvpSum.getTotTotalAmt() : BigDecimal.ZERO; System.out.println("Total Amount: " + totalAm..

& 이 변환되지 않고 빈문자로 출력되어서,& 를 특정 문자열로 대체function sanitizeFileName(fileName) { return fileName.replace(/&/g, '_and_'); // &를 '_and_'로 대체}$('#example').DataTable({ dom: 'Bfrtip', buttons: [ { extend: 'excelHtml5', title: sanitizeFileName('엑셀&파일명_2024') } ]});

JavaScript의 join() 메서드는 배열의 모든 요소를 문자열로 결합하여 하나의 문자열로 반환합니다.각 요소는 지정된 구분자로 연결됩니다.빈 문자열("")을 전달하면 요소들이 구분자 없이 결합됩니다.const fruits = ["Apple", "Banana", "Cherry"];console.log(fruits.join(" - ")); // 결과: "Apple - Banana - Cherry"console.log(fruits.join("")); // 결과: "AppleBananaCherry"

JavaScript에서 정수끼리의 곱셈이라도 부동소수점 연산 특성상소수점 계산이 발생할 수 있습니다. 정확한 정수 연산이 필요하다면 BigInt를 사용하거나결과를 명시적으로 처리하는 방법을 고려하세요. 결과를 정수로 강제 변환곱셈 결과가 미세하게 어긋날 경우 Math.round, Math.floor, Math.ceil 등을 사용해 정수로 처리할 수 있습니다.const result = 0.1 * 0.2;console.log(Math.round(result)); // 0정수 범위를 유지정수 계산에만 집중한다면, 값을 BigInt로 처리할 수 있습니다.const bigIntResult = BigInt(999999999) * BigInt(999999999);console.log(bigIntResult); // ..

주요 원인부동소수점 연산의 특성JavaScript는 정수를 포함한 모든 숫자를 부동소수점으로 처리합니다. 이로 인해 정수 연산에서도 미세한 오차가 발생할 수 있습니다.암묵적 형변환두 값이 정수라고 생각했지만, 실제로는 소수점 숫자(float)가 포함된 경우 문제가 발생할 수 있습니다.예를 들어, 5와 3.0처럼 정수와 부동소수점 값이 섞여 있다면 결과가 부동소수점으로 나올 가능성이 있습니다.큰 숫자 연산JavaScript에서 정확히 표현할 수 있는 정수는 -(2^53 - 1)에서 2^53 - 1 사이에 제한됩니다. 이 범위를 벗어난 숫자를 곱하면 정확도를 잃고 소수점 결과가 나올 수 있습니다.