본문 바로가기

분류 전체보기29

[Vue.js] Char.js 라벨 값(value) 표시하기 Chart.js 플러그인에 옵션과 다양한 기능을 전부 다 알고 사용하긴 어려우니 필요할때마다 찾아보게 된다. 그런데 생각보다 버전별로 적용하는 것도 달라서 라벨 값 표시하는데 애를 좀 먹었다. 내가 사용한 chart.js 버전은 다음과 같다 chart.js : 2.9.4 chartjs-plugin-datalabels : 0.7.0 vue-chartjs : 3.5.1 나는 chart.js 2.x 를 사용해서 datalabels 를 2.x 를 설치했을때도 동작을 하지 않앗고, 1.x로 내렸을때도 동작하지 않았다. 찾고 찾아서 0.7.0 버전을 설치해서야 라벨 값을 표시 할 수 있었다. 만약 chart.js 3.x 를 사용한다면 datalables 는 2.x 이상 필요하며 자세한 내용은 아래 공식문서에서 확인.. 2022. 10. 28.

[Linux] jar 파일 실행 및 백그라운드 실행, 로그 남기기 실행방법 리눅스에서 jar 파일로 빌드된 파일을 실행할때는 아래와 같은 명령어로 실행하면 된다. java –jar [빌드된 jar 파일명]백그라운드 실행방법 하지만 위 명령어는 Ctrl + c 를 하면 프로세스가 종료된다 계속 구동 시키기 위해서는 백그라운드로 구동시켜야 한다. nohup java –jar [빌드된 jar 파일] &빌드된 파일명과 백그라운드를 의미하는 & 를 함께 입력해서 실행 하면 된다. 이제 ps -ef | grep [검색할 jar 파일명] 로 실행되고 있는 프로세스를 확인 하면 된다. 로그 남기기 실행과 함께 로그를 남기고 싶으면 두가지 방법이 있다. overwrite ( > ) > 는 기존에 있는 파일의 내용이 사라지고 덮어 씌워진다. nohup java –jar [빌드된 jar .. 2022. 10. 27.

[Vue.js] Chart.js 누적 막대 그래프 총합 표시하기 (Stack Bar, Total) Chart.js 플러그인 기본 옵션으로는 누적 막대그래프의 total 값을 나타내지 않는다. 이는 option 의 tooltips 로 간단하게 구현 가능하다. tooltips: { mode: "label", callbacks: { footer: function (data) { var total = 0; for (var i = 0; i < data.length; i++) { total += data[i].yLabel; // 세로막대는 yLabel , 가로막대는 xLabel } return "Total: " + total; }, }, },option 들을 정의할때 이 코드만 추가하면 된다. 막대 개별 값과 총 합을 확인 할 수 있다. 2022. 10. 25.

[MySQL] 시간대별 방문 통계 구하기 방법 1 SELECT Hour(access_date) AS hh , count(access_date) AS cnt FROM access_log WHERE access_date BETWEEN '2022-01-01 00:00:00' AND date_format(now(),'%Y-%m-%d 23:59:59') GROUP BY hh ORDER BY hh ASC; access_date 에서 Hour() 로 시간값(0,1,2,3...) 만 가져온 뒤 그 값을 GROUP BY 를 통해 중복 제거와 함께 count 값을 구한다 BETWEEN AND 절로 구하고자 하는 기간을 지정한다 출력 위와 같은 방법은 값이 있는 시간만 출력을 한다. 값의 유무와 상관없이 1~24 시간대별 방문 통계가 필요하다. 방법 2 우선 행번.. 2022. 10. 19.

[Java] 제곱근(루트) 구하기 / Math.sqrt() 알고리즘 풀이에서 제곱근을 판별할때 유용한 Java 함수가 있다. Math.sqrt( n ) 제곱근(루트) 함수 n의 제곱근을 double 형으로 반환 ( 단, 음수 사용시 NaN 출력) 리턴되는 값이 정수(int) 여야 제곱근에 해당된다. Math.pow(double a , double b ) 제곱 함수 a 의 b 제곱 을 double 형으로 반환 num.intValue() num 값을 int 값으로 변환 Math.sqrt() 값이 양의 정수인지 확인할 때 사용하기 유용 2022. 10. 18.

[Vue.js] Hot Reload 동작 안할때 예전에 만들어 놨던 Vue.js + SpringBoot 프로젝트를 새로 띄웠는데 Vue 의 장점인 hot reload 가 갑자기 동작을 하지 않았다. Vue 의 코드를 바꾸면 항상 rebuild 후 스프링을 재시작하는 것이 너무 불편해서 급하게 구글에 검색해서 간단한 해결책을 찾았다. package.json 에 --watch 추가 build --watch 를 통해 실시간으로 재빌드 하여 변화를 감지하도록 추가 하였다. 이제 예전처럼 Vue의 내용을 변경하면 바로 반영이 되었다. 2022. 10. 18.

[Java] 사용자 Web/App/Mobile 접속 구분하기 User Agent 사용자가 어떤 디바이스로 접속했는지에 대한 정보가 필요할때 Request Header 의 User Agent 로 확인 할 수 있다. User Agent 가 가지고 있는 정보 예시 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 public void getUserDevice(HttpServletRequest request) { String userAgent = request.getHeader("User-Agent"); // 모바일 기종 체크 boolean isMobile = userAgent.matches(".*(iPhone|iPod|i.. 2022. 10. 14.

[Java] 대소문자 확인 및 대소문자 변환 대소문자 확인 Character 클래스에서 제공하는 메서드를 사용 하면 된다. isUpperCase() 전달된 값이 대문자인 경우 true 그렇지 않으면 false 반환 isLowerCase() 전달된 값이 소문자인 경우 true 그렇지 않으면 false 반환 예시 char value = 'C'; if(Character.isUpperCase(value)) { System.out.println("대문자입니다."); } if(Character.isLowerCase(value)) { System.out.println("소문자입니다."); } 실행 대문자입니다. 대소문자 변환 String 클래스에서 제공하는 메서드를 사용하면 된다. toUpperCase() 문자열을 모두 대문자로 변환해준다. toLowerCas.. 2022. 10. 14.

[Java] List to Array(배열) 또는 Array(배열) to List 주로 코딩테스트 문제를 풀면서 쓸때마다 잊어먹고 찾아보게 되어서 간단하게 정리해보았다. 1. List to Array List.toArray() List 의 toArray() 메서드를 활용하는 방법으로 List list = new ArrayList(); String[] arr = list.toArray(new String[0]); 위와 같이 배열 선언과 동시에 할당 하거나 List list = new ArrayList(); String[] arr = new String[list.size()]; list.toArray(arr); 배열 선언 후 List 값을 채워 넣는 방법이 있다. Stream API Java8 버전 이상부터 제공되는 Stream API 를 사용하는 방법 String[] arr = list.. 2022. 10. 13.

SSH 터널링 Local Port Fowarding 계속 새로운 ssh 연결이 필요할때마다 개념을 이해하지 하지 않고 진행을 하다가 몇번 애를 먹고 간단하게 정리를 하려고 한다. SSH 터널링(포트 포워딩) LocalForward RemoteForward DynamicForward 이번 게시글에서는 Local Forwarding 만 다루려고 한다. 1. SSH 터널링(포트 포워딩) SSH 클라이언트와 SSH 서버 사이의 연결 통로 자체를 SSH 터널이라 하며, SSH 연결이 수립이 되면 외부로부터 데이터를 보호하며 데이터를 주고받을 수 있게 된다. SSH 기반으로 데이터 압축, 암호화 등을 해주며 간단한 데이터를 주고 받을 수 있지만 대용량 데이터를 주고받기에는 속도가 느리다는 단점이 있다. SSH 의 Default 포트는 22 다. 2. Local Po.. 2022. 10. 11.

이전 1 2 3 다음

티스토리툴바

티스토리툴바