728x90
반응형

Front/JS & jQuery 307

[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

[jQuery] toggleClass()

https://www.codingfactory.net/10295 jQuery / Method / .toggleClass() - 선택한 요소에 클래스 값을 넣었다 뺐다 하는 메서드 .toggleClass() .toggleClass()로 선택한 요소에 클래스(Class) 값을 넣었다 뺐다 할 수 있습니다. 문법 .toggleClass( className ) 예를 들어 $( 'p' ).toggleClass( 'xyz' ); 는, p 요소에 xyz 클래스가 없으면 추가하고, 있 www.codingfactory.net $(this).toggleClass('col-lg-4 col-lg-6'); toggleClass 안에 클래스명이 있으면 제거하고 없으면 추가한다. col-lg-4 클래스를 갖고있던 요소는 col-l..

Front/JS & jQuery 2024.03.23

[jQuery][datatables] add().row() / 테이블 제일 상단에 행 추가하기

DataTable에서 첫 번째 행에 행을 추가하려면 row.add() 메소드 대신 row.add().node() / prependTo()를 사용하여 jQuery의 prependTo()를 사용할 수 있습니다. 아래는 예제 코드입니다. // DataTable 초기화 var table = $('#yourDataTableId').DataTable(); // 새로운 행의 데이터 생성 (예: 배열) var newRowData = ['Data 1', 'Data 2', 'Data 3']; // 첫 번째 행에 행 추가 var newRow = table.row.add(newRowData).draw().node(); $(newRow).prependTo('#yourDataTableId tbody');

Front/JS & jQuery 2024.03.09
728x90
반응형