[HTML][bootstrap] data-toggle ="dropdown" https://bootstrap21.org/ko/docs/4.1/components/dropdowns/# 드롭다운 · 부트스트랩 한국어로 Source 드롭다운 부트스트랩 드롭다운 플러그인을 사용하여 링크 목록 등을 표시하기 위한 상황별 오버레이를 토글합니다. 드롭다운은 링크 목록 등을 표시하기 위한 토글 가능한 상황별 오버레 bootstrap21.org Front/HTML 2024.04.13
[js] json 배열에 filter() 사용하기 // 예시 JSON 배열 var jsonData = [ { "id": 1, "name": "John" }, { "id": 2, "name": "Alice" }, { "id": 3, "name": "Bob" }, { "id": 4, "name": "Jane" } ]; // id가 2 이상인 요소들만 필터링 var filteredData = jsonData.filter(function(item) { return item.id >= 2; }); console.log(filteredData); Front/JS & jQuery 2024.04.09
[js] some() if(!this.checkList.some(item => item.crCd === crCd && item.itemCd === itemCd && item.seq === seq)) { this.checkList.push({ crCd : crCd, itemCd : itemCd, seq : seq}); } some() 메서드는 주어진 조건을 만족하는 요소가 배열에 있는지 확인합니다. => boolean 값 반환 여기서는 배열 this.checkList 안에 동일한 crCd, itemCd, seq를 가진 객체가 있는지 확인합니다. 만약 해당하는 객체가 없다면 push()를 사용하여 새로운 객체를 추가합니다. Front/JS & jQuery 2024.04.07
[js] json 배열 특정 값 포함여부 확인하기 / includes() 대신 처음 작성한 코드 if(!this.checkList.includes({ crCd : crCd, itemCd : itemCd, seq : seq})){ this.checkList.push({ crCd : crCd, itemCd : itemCd, seq : seq}); } JavaScript의 includes() 메서드는 주어진 요소가 배열에 포함되어 있는지를 확인합니다. 그러나 여기서 문제가 발생하는 이유는 includes() 메서드가 객체의 비교를 수행할 때 참조에 따라 동작하기 때문입니다. 객체가 동일한 참조를 가질 때에만 includes()는 해당 객체를 찾을 수 있습니다. 따라서 { crCd : crCd, itemCd : itemCd, seq : seq}와 같은 새로운 객체를 includes()로 .. Front/JS & jQuery 2024.04.06
[jquery][datatables] 페이지 이동 이벤트 처리 $(document).ready(function() { var table = $('#example').DataTable(); table.on('page.dt', function() { // 페이지가 변경될 때 수행할 작업을 여기에 작성합니다. console.log('페이지가 변경되었습니다.'); }); }); Front/JS & jQuery 2024.04.05
[js] json 배열 비교하기 배열 요소를 정렬하여 순서를 무시합니다. 각 배열을 문자열로 변환하여 비교합니다. function compareJSONArrays(arr1, arr2) { // 배열을 정렬하여 순서를 무시 arr1.sort(); arr2.sort(); // JSON 문자열로 변환 var json1 = JSON.stringify(arr1); var json2 = JSON.stringify(arr2); // 비교 return json1 === json2; } // 예시 var array1 = [1, 2, 3]; var array2 = [3, 2, 1]; if (compareJSONArrays(array1, array2)) { console.log("두 배열은 같습니다."); } else { console.log("두 배열은.. Front/JS & jQuery 2024.04.04
[jquery][datatavles] $.fn.dataTable.render.number() $.fn.dataTable.render.number() DataTables jQuery 플러그인에서 제공하는 메소드입니다. DataTable 내에서 형식화된 방식으로 숫자 데이터를 렌더링하는 데 사용됩니다. $.fn.dataTable.render.number( thousands, decimal, precision, prefix, postfix ) thousands: 쉼표( )와 같이 천 단위를 구분하는 데 사용되는 문자입니다 ,. 선택사항이며 기본값은 빈 문자열입니다. decimal: 마침표( .) 등 소수점으로 사용되는 문자입니다. 선택사항이며 기본값은 마침표입니다. precision: 표시할 소수점 이하 자릿수입니다. 선택 사항이며 기본값은 0입니다. prefix: 형식이 지정된 숫자 앞에 추가되는 .. Front/JS & jQuery 2024.04.01
[js][Echarts] x축 데이터가 생략될 때 / x축 데이터 대각선으로 표시 x축 데이터가 길이 문제로 표시되지 않고 생략되는 경우가 있다. 전체 x 축 데이터를 표시하고 싶다면, text 를 대각선으로 기울이면 된다. 그 설정은 아래와 같이 하면 된다. option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], axisLabel: { rotate: 45 // 텍스트 회전 각도 (45도) } } } axisLabel: { rotate: 45 // 텍스트 회전 각도 (45도) } Front/JS & jQuery 2024.03.29
[js][Echarts] Line 차트 컬러 사용자 설정 series: [ { name: '건수', type: 'line', tooltip: { valueFormatter: function (value) { return value; } }, yAxisIndex: 1, data: cnts, lineStyle: { color: 'blue' // Set the desired color for the line } } ] lineStyle: { color: 'blue' // Set the desired color for the line } color 값에 컬러코드값을 넣어도 된다. Front/JS & jQuery 2024.03.28
[js][Echarts] bar 차트 너비 설정하기 series: [ { name: '계약예상금액', type: 'bar', barWidth: '50%', // 막대의 너비를 50%로 설정하는 예시 tooltip: { valueFormatter: function (value) { return value; } }, data: amts } ] barWidth: '50%', // 막대의 너비를 50%로 설정하는 예시 Front/JS & jQuery 2024.03.27