[js][Echarts] 차트 x축 폰트 사이즈 조절하기 option = { xAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E'], axisLabel: { fontSize: 12 // 폰트 크기 설정 } } } axisLabel: { fontSize: 12 // 폰트 크기 설정 } Front/JS & jQuery 2024.03.26
[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
[js] Number.isNaN() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN Number.isNaN() - JavaScript | MDN Number.isNaN() 메서드는 주어진 값이 NaN인지 판별합니다. 기존부터 존재한 전역 isNaN() 함수의 더 엄격한 버전입니다. developer.mozilla.org Front/JS & jQuery 2024.03.22
[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
[HTML] 버튼 클릭 막기 https://www.tcpschool.com/html-tag-attrs/button-disabled 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com Front/HTML 2024.03.08
[js] 로그인하면 팝업창 띄우기 if ( document && document.referrer ){ if ( document.referrer.indexOf('/login') > 0 ) { // alert("공지팝업"); ... } } 로그인 페이지에서 홈으로 왔을 경우에만 팝업창 띄우기 Front/JS & jQuery 2024.03.06
[js] 팝업 오늘하루 보지않기 - 기본 https://heavenlake.tistory.com/112 쿠키등록 ( 팝업창 하루동안 열지 않기 & 하루에 한번만 띄우기) 출처 : https://ktko.tistory.com/m/109 팝업창 하루동안 열지 않기 & 하루에 한번만 띄우기 구현하기 자바스크립트를 사용해 팝업창을 띄우는 것은 자바스크립트에서 제공하는 window객체를 사용하면 간 heavenlake.tistory.com Front/JS & jQuery 2024.03.03
[HTML] <video> https://developer.mozilla.org/ko/docs/Web/HTML/Element/video : 비디오 삽입 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. 오디오 콘텐츠에도 사용할 수 있으나, (en-US) 요소가 사용자 경험에 좀 더 적합합니다. developer.mozilla.org Front/HTML 2024.03.02
[js] .getDate() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getDate Date.prototype.getDate() - JavaScript | MDN getDate() 메서드는 주어진 날짜의 현지 시간 기준 일을 반환합니다. developer.mozilla.org Front/JS & jQuery 2024.03.01
[CSS] flex-wrap 줄바꿈 상태에서 가운데 정렬하기 https://darrengwon.tistory.com/130 Flexbox 제대로 활용하기 (flex-grow, flex-shrink, flex-wrap etc) Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번 darrengwon.tistory.com .flex-container { width: 550px; margin: 0px auto; display: flex; } .flex-item:nth-child(3) { margin-left: auto; } margin: 0px auto;.. Front/CSS 2024.02.29