MINYA

[JSTL] , 태그 사용법 How to use if-else option in JSTL 조건 jsp 페이지 상단에 아래의 코드를 선언 하고 사용한다. jstl에서 조건에 따른 분기를 처리할 수 있는 태그로 와 가 있습니다. 태그 - test 속성내의 EL 의 결과가 참이면 실행됩니다. else 구문은 없습니다. 예제 위의 코드는 변수 name의 값이 “강호동” 이면 출력합니다. 태그에 사용될 수 있는 속성은 다음 세 가지 입니다. test : 필수 속성으로 속성값으로 EL 비교식을 가집니다. var : 조건 결과를 저장할 변수를 지정합니다. scope : 조건 결과를 저장할 변수의 저장 scope을 지정합니다. .... 위 코드는 te..

CSS 웹 폰트 적용하기 웹 폰트는 상업과 개인용으로 이용이 가능한 Noto Sans CJK KR(본고딕)을 예로 들겠습니다. Google Fonts에 접속합니다. 원하는 폰트를 선택후 Embed 탭에서 로 할지, @import 로 할지 선택합니다. @import CSS 파일 맨 상단에 아래와 같이 선언 선택자에 폰트 적용: font-family: ‘Noto Sans KR’, sans-serif; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@1..

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..