반응형

전체 글 254

JSTL 콤마(,) 또는 소수점 사용법

콤마(,) 또는 소수점 사용법 jsp 페이지 상단에 아래의 코드를 선언 하고 사용한다. // 결과 : 12,341,234 ( 천 단위마다 ","로 끊어줌 ) // 결과 : ₩1234.00 ( ₩표시 붙인 후, 천 단위마다 "," 표시 후 소수점 2자리까찌 표현함 ) // 결과 : 35% ( %로 표현함 ) // 결과 : 1234.12 ( pattern 에 표시한 자리수만큼 반올림함 ) // 결과 : var에 test라고 선언 한 값을 출력 시 ( ${test} 소수점 이하 버림 ) > 1234

< c:choose >< c:when > 다중(중복, 여러번) 사용 하기 (< c:choose >< c:when >안에 < c:choose >)

다중(중복, 여러번) 사용 하기 (안에 ) 을 사용하는데, 그 조건 안에 또 다른 조건을 줘야할 경우가 생김. 실행 실행 실행 위와 같이 생각을 하고 코드를 작성했더니 에러가 발생. 위 코드와 같이 생각하는 사람이 많을거라 판단됨. 위 코드처럼 생각하신분 링크 : https://okky.kr/article/432948 다중일경우는 choose문. 단일조건이면 if문 다중일경우는 choose문. 단일조건이면 if문 실행 실행 실행 단일 조건 실행

JSTL < c:if >, < c:choose > 태그 사용법

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

CSS 웹 폰트 적용하기

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

프로그래밍/CSS 2020.04.03

user agent stylesheet 은 무엇일까?

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

프로그래밍/CSS 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 함수 사용)

반응형