MINYA

user agent stylesheet? margin 값을 정해두지 않아 브라우저 임의대로 설정한 것입니다. 간혹 css 작업을 하고 결과물을 보는데 생각했던 모습하고 약간 다른 경우가 있습니다. 제대로 css를 작성한 거 같은데 “개발자 도구”로 살펴보면 이상한 문구와 같이 체크해제가 되지 않습니다. 원래는 각 옵션들을 체크 해제하면서 확인이 가능해야 하는데, “user agent stylesheet” 이란 문구와 함께 css로 설정하지 않은 margin이 들어가 있는 걸 볼 수 있습니다. 분명 저는 css로 정확히 파란색 사각형 안에 인증번호가 들어가도록 했는데, 결과물은 사뭇 다릅니다. 위의 이미지와 같이 margin이 들어가 있습니다. 제가 의도한 것도 아닌데 말이죠. 해결방법 간혹 브라우저마다,..

Chart.js 툴팁 사이즈 변경하기 How to setting canvas width and height for fixed size in chart.js responsive 옵션을 true 값을 주면 브라우저 사이즈가 바뀔 때 마다 사이즈가 비율에 맞게 변함. responsive 옵션을 false 값을 주면 브라우저 사이즈가 바뀌어도 “” 태그 안에 고정시킨 사이즈 대로 고정됨. // html

Chart.js 툴팁 사이즈 변경하기 How to change font size for tooltip in chart.js options 에 tooltips 을 선언하고 사용합니다. // html

Chart.js 도넛차트 굵기 조절, 변경하기 How to vary the thickness of doughnut chart, using Chart.Js cutoutPercentage 또는 percentageInnerCutout 를 사용하세요 // html

자바스크립트로 문자열 공백 제거하기 콘솔창에서 확인할 때는 꼭 마우스로 드래그 해서 공백 제거 유무를 눈으로 확인하세요. 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 함수 사용)

제이쿼리(jQuery)로 select box(셀렉트 박스) 값 가져오기 일번 이번 삼번 사번r 오번

제이쿼리(jQuery)로 select box 값 고정하기/ 변경하기 // value값으로 설정 $("#select_id").val("1").prop("selected", true); // optipn의 순서값으로 설정 $("#select_id option:eq(0)").prop("selected", true);

자동 실행 함수 (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..

자바스크립트 절대값 [ 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..

자바스크립트 문자열 길이(문자열 수) 확인 How to check String length in JavaScript // 정말 단순이 변수에 담긴 문자의 길이를 알고 싶을 뿐. // length 함수를 사용하면 된다. let str = "이렇게 쉬운걸 왜 몰랐을까 나는 똥멍청이 입니다."; let testString = str.length; console.log(testString);