본문 바로가기

분류 전체보기32

[CSS] Text '...' 처리, 개행 처리 - ellipsis, wrap CSS에서 말줄임 처리하는 법은 다음과 같다. overflow: hidden; white-space: nowrap; text-overflow: ellipsis; CSS에서 개행 처리 하는 법은 다음과 같다. white-space: wrap; word-break: break-all; Text '...' 처리, 개행 처리 예시코드 말줄임 표시 테스트 말줄임 표시 테스트 개행 테스트 개행 테스트 개행 테스트 결과 2023. 12. 18.
[javaScript]월 별 데이터의 최댓값, 최솟값 구하기(feat. split) - MAX, MIN 최댓값, 최솟값 구하기(MAX, MIN) 월별 가격 데이터를 출력한 후 스파크 그래프로 표현해서, 스파크 그래프 마우스 hover시 최댓값을 가진 월과 최솟값을 가진 월을 표시해줘야 한다. 가져온 데이터는 다음과 같다. * javaScript 기반의 Quasar 프레임워크를 사용하고 있다 fn_searchCntSpark (rowIndex, columnIndex, value, headerText, item, dataField) { const fields = dataField.split(",") let min = Number.MAX_VALUE let max = Number.MIN_VALUE for (let i = 0; i < fields.length; i++) { const v = Number(item[fi.. 2023. 12. 14.
[SVG] 간단한 SVG 파일 제작하기 웹 페이지 제작 시 SVG 파일을 디자이너에게 받아서 그대로 사용하곤 했는데, 프로젝트 중 디자이너님이 쉬는 기간에 SVG 아이콘을 변경해 달라는 요청을 받았다. 어렵지는 않지만 처음 해보는 작업이라 꽤 시간이 걸렸던 기억이 나서 정리 해보려고 한다. SVG 파일의 장점 SVG 파일은 용량이 작아서 웹 사이트의 속도를 저하시키지 않는데다가 벡터 파일 형식이라 크기를 확대하거나 축소해도 이미지 품질이 저하되지 않는다. 자세한 설명은 Adobe 사이트에 잘 정리되어 있으니 참고하면 좋을 것 같다. https://www.adobe.com/kr/creativecloud/file-types/image/comparison/png-vs-svg.html PNG vs. SVG | Adobe 가장 일반적으로 사용되는 이미.. 2023. 11. 20.
[MySQL] 문자열 합치기 - CONCAT 이번에 사용자가 날짜 데이터를 년-월 로 입력시키면 DB에는 년-월-01로 INSERT시켜야하는 경우가 있어서 사용했던 CONCAT을 정리해보려고한다. CONCAT TEMP_TABLE이 다음과 같고 GREETING NAME 안녕하세요 까부 반갑습니다 깨부 Hello 깐부 아래와 같이 쿼리를 작성해주면 SELECT CONCAT(GREETING, '! 저는 ', USER_NAME, '입니다.') AS USER_GREETING FROM TEMP_TABLE 다음과 같은 결과가 나온다. USER_GREETING 안녕하세요! 저는 까부입니다. 반갑습니다! 저는 깨부입니다. Hello! 저는 깐부입니다. 2023. 11. 16.
[MySQL]특정 값을 조건에 따라 변경해서 출력하기 - CASE문 우선 테이블은 다음과 같다. TEMP_CD STATUS 100001 10 100002 00 100003 10 100004 20 100005 00 CASE WHEN THEN 문 사용하기 아래와 같이 쿼리문을 작성해 주면 SELECT TEMP_CD , CASE STATUS WHEN '00' THEN '신규' WHEN '10' THEN '등록완료' WHEN '20' THEN '승인대기' END AS STATUS FROM TEMP_TABLE 이런 결과가 출력된다. TEMP_CD STATUS 100001 등록완료 100002 신규 100003 등록완료 100004 승인대기 100005 신규 이를 정리해 보면 다음과 같다. SELECT TEMP_CD , CASE 컬럼명 WHEN 조건1 THEN 조건1 성립시 값 W.. 2023. 11. 15.
[Java]List에 Map을 add할 때 같은 값이 반복되어 들어가는 현상 이 현상을 해결하기 위해 결론부터 말하자면 map.clear(); 대신에 map = new HashMap(); 을 써주면 된다 같은 값이 반복되어 들어가는 코드 import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; class listLoop{ public static void main(String[] args){ Map map = new HashMap(); List list = new ArrayList(); for (int i = 0; i < 5; i ++) { // 이 부분을 map.clear(); map.put("안녕하세요" + i, "" + i); list.add(map); }.. 2023. 11. 10.
728x90

티스토리툴바