Chart.js 차트 사이즈 고정하기 Chart.js 툴팁 사이즈 변경하기 How to setting canvas width and height for fixed size in chart.js responsive 옵션을 true 값을 주면 브라우저 사이즈가 바뀔 때 마다 사이즈가 비율에 맞게 변함. responsive 옵션을 false 값을 주면 브라우저 사이즈가 바뀌어도 “” 태그 안에 고정시킨 사이즈 대로 고정됨. // html 프로그래밍/Chart.js 2020.04.03
Chart.js 툴팁 사이즈 변경하기 Chart.js 툴팁 사이즈 변경하기 How to change font size for tooltip in chart.js options 에 tooltips 을 선언하고 사용합니다. // html 프로그래밍/Chart.js 2020.04.03
Chart.js 도넛차트 굵기 조절, 변경하기 Chart.js 도넛차트 굵기 조절, 변경하기 How to vary the thickness of doughnut chart, using Chart.Js cutoutPercentage 또는 percentageInnerCutout 를 사용하세요 // html 프로그래밍/Chart.js 2020.04.03
자바스크립트로 문자열 공백 제거하기 자바스크립트로 문자열 공백 제거하기 콘솔창에서 확인할 때는 꼭 마우스로 드래그 해서 공백 제거 유무를 눈으로 확인하세요. let str = " 바보야, 바 보니? "; console.log(str); console.log(str.replace(/(\s*)/g,"")); // 문자열의 모든 공백 제거 console.log(str.replace(/^\s*/,"")); // 문자열의 제일 앞에 공백 제거 console.log(str.replace(/\s*$/,"")); // 문자열의 제일 뒤에 공백 제거 console.log(str.trim()); // 문자열 제일 앞, 제일 뒤 공백 제거 (trim 함수 사용) 프로그래밍/Javascript 2020.04.01
제이쿼리(jQuery)로 select box(셀렉트 박스) 값 가져오기 제이쿼리(jQuery)로 select box(셀렉트 박스) 값 가져오기 일번 이번 삼번 사번r 오번 프로그래밍/jQuery 2020.04.01
제이쿼리(jQuery)로 select box 값 고정하기/ 변경하기 제이쿼리(jQuery)로 select box 값 고정하기/ 변경하기 // value값으로 설정 $("#select_id").val("1").prop("selected", true); // optipn의 순서값으로 설정 $("#select_id option:eq(0)").prop("selected", true); 프로그래밍/jQuery 2020.03.31
자동 실행 함수 (window.onload, $(document).ready()) 자동 실행 함수 (window.onload, $(document).ready()) window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. 아래와 같은 특징들을 파악하여 경우에 따라 적절히 골라서 쓰자. window.onload window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출. window.onload 는 한 페이지에 하나의 함수만 호출. Javascript에서 페이지가 로드되면 자동으로 실행되는 함수를 구현할 때엔 전역 콜백함수인 window.onload 함수를 사용. window.onload = function () { console.log("실행"); } $(document).ready() jQuery는 자바스크립트의 windo.. 프로그래밍/Javascript 2020.03.31
자바스크립트 절대값 구하기[ Math.abs() ] 자바스크립트 절대값 [ Math.abs() ] How to use math.abs in javascript 사용법 빈 객체, 하나 이상의 요소를 가진 배열, 숫자가 아닌 문자열, undefined나 빈 매개변수를 받으면 NaN을 반환합니다. null, 빈 문자열이나 빈 배열을 제공하면 0을 반환합 function difference(a, b) { return Math.abs(a - b); } console.log(difference(3, 5)); // expected output: 2 console.log(difference(5, 3)); // expected output: 2 console.log(difference(1.23456, 7.89012)); // expected output: 6.655559.. 프로그래밍/Javascript 2020.03.31
자바스크립트 문자열 길이(문자열 수) 확인 자바스크립트 문자열 길이(문자열 수) 확인 How to check String length in JavaScript // 정말 단순이 변수에 담긴 문자의 길이를 알고 싶을 뿐. // length 함수를 사용하면 된다. let str = "이렇게 쉬운걸 왜 몰랐을까 나는 똥멍청이 입니다."; let testString = str.length; console.log(testString); 프로그래밍/Javascript 2020.03.31
자바스크립트 Null check, 빈 값 체크, 공백 체크, 널 체크 자바스크립트로 Null check, 빈 값 체크, 공백 체크 How do I check for null values in JavaScript? 데이터타입 var value = 1; // Number 형 1 console.log(value, typeof value); // 1 number value = "1" // String 형 1 console.log(value, typeof value); // 1 string 권장하지 않는 방법 var value2 = "" if( value2 == ""){ console.log("비어 있음"); }else{ console.log("값이 있음"); } 권장하는 방법 var value2 = "" if( !value2 ){ console.log("비어 있음"); }else.. 프로그래밍/Javascript 2020.03.30