분류 전체보기 79

GitHub Copilot

GitHub Copilot을 등록한 계기가 몇 달 전인가 회사에서 동료들과 점심 고르기가 너무 어려워져서 C#을 사용해서 콘솔창으로 점심을 자동으로 추천해주는 프로그램을 하나 만들었습니다. 그렇게 한달정도 사용하다가 묵혀놨었는데... 요즘에 유튜브와 Velog 등에서 글을 보면서 드는 생각이 프로그램이라고 거창한 것이 필요한 게 아니라 사람들에게 필요하며 간단한 것이면 되는구나라고 생각하다가 예전에 만들었던 점심 추천 프로그램을 웹으로 만들면서 리 엑트 공부도 할 겸 시작하고 있던 찰나에 GitHub Copilot 관한 정보를 보게 되었습니다. 생각보다 너무 코드가 잘 뽑히는 것 같고 스택오버플로우와 깃허브의 코드를 학습하여 추천한다고 하니, 이건 참 참을 수 가없어서 사용해봐야겠다! 해서 어찌어찌 등록..

Spring Boot Web Server Log 저장 문제

* 문제점 개발중인 기존 프로그램에서는 특정 기능을 수행 할 시 모든 로그(오류로그 제외)를 공통 데이터 테이블 에 저장했습니다. 또한 5초간격으로 자동 리프레시를 수행하는 기능이 존재하여 병원마다 5초간격으로 로그가 쌓이는데 이 부분이 하나의 병원일때는 별문제가 없는거 같지만 만약 100곳에서 동시에 자동리프레쉬 기능을 수행하면 한번에 100개의 로그가 디비 row에 저장되기 때문에 다른 로그를 찾아보기 어려울 뿐더러 다음과 같은 문제가 발생할 수도 있습니다. * 상황 개발 중인 프로그램에서 기존에는 Spring 서버에 Interceptor에서 로그를 쌓고있었는데 그 방식을 보면 Interceptor의 preHandler()메서드에서 로그에 대한정보 (ex ip, 키값 등)을 (전역) map에 저장한 ..

(Vue2) Ag-grid 선택 row포커스 유지

Ag-grid를 사용하는 프로그램에서 그리드의 row를 사용자가 선택한 후 영역 바깥쪽을 클릭해도 해당 포커스가 남아있도록 하는 기능을 구현해야 했습니다. 이 기능을 수행하기 위해서는 gridApi를 사용해야 하는데 해당 기능을 사용하기 위해서는 gridOptions.api를 할당해주어야 합니다. 저는 vue의 라이프사이클 중 하나인 mounted에서 this.gridApi = this.gridOptions.api; 와 같이 넣어주었습니다. 만약 여러개의 그리드를 사용한다면 변수를 여러 개 만들어서 넣어주면 되는데 this.gridApi = this.필요한그리드의 gridOptions로 넣은 값의 이름.api; 와 같은 형태입니다. 코드로 예를 보자면 ex) template 에서

라이브러리/Vue 2022.09.14

Spring(boot)프로젝트 VScode사용 방법

기존 STS를 사용하다가 너무 속도가 느려서 VSCode로 백엔드 코드를 돌리기위해 여러 방법을 찾아보았는데 블로그마다 방법이 달라서 정리해봅니다. 먼저 Visual Studio Code에서 Spring 프로젝트를 돌리기 위해서는 아래의 Extension을 설치해주어야 합니다. Project Manager for java Maven for java Language support for java Spring boot Dashboard Spring boot Extension Pack Spring Boot Tools Spring Initializr java Support Extension pack for java 저는 Maven을 사용하기 때문에 해당 익스텐션을 사용했는데 gradle 사용자 분들은 추가적으로..

환경설정 2022.09.13

(Vue2) el-input 선택영역(드래그) 문자열 정보 추출

지난 번 메모기능에서 우클릭 시 날짜 정보를 입력하게 해달라는 요청에서 우클릭 시 드롭메뉴를 사용하여 날짜 넣기, 복사, 붙여넣기 기능을 수행할 수 있도록 해달라는 추가요청이 있었습니다. 해당 메모 부분에서는 기본 브라우저의 복사, 붙여넣기 기능을 나타나지 않게 하고있었는데 드롭메뉴를 뜨게해서 복사 붙여넣기 기능도 사용하게 해달라는 내용이었습니다. 1. 복사 붙여넣기 기능을 수행할 때 해당 input 영역을 전체 복사 할 수도있지만 실제 사용자가 복사 붙여넣기 기능을 사용하는 경우 드래그한 글자만 복사하기 때문에 드레그한 값을 가져오는 부분이 필요했습니다. 해당 기능을 찾아보니 document.execCommand('copy')을 사용하면 선택영역에 대한 복사를 수행한다. 라고 하여 해당 함수를 사용해보..

라이브러리/Vue 2022.09.13