contenteditable = true 인 div 태그에는 붙여넣기 할 경우 html 요소까지 다 같이 붙여넣기 되는 문제가있다.div태그안에 오직 텍스트만 사용하고 싶을때 아래 코드를 참고하여 작성하면 된다. (jquery) /* html tag 가 붙여넣기 했을때 딸려오지않도록 텍스트만 사용 */$('#text_messagearea').on('paste', function(e) {    e.preventDefault(); // 기본 붙여넣기 동작을 막습니다.    const clipboardData = e.originalEvent.clipboardData; // 클립보드 데이터를 가져옵니다.    const getText = clipboardData.getData('text/plain'); // 클..

MultipartFile 다중 파일 업로드 받아 API에 전달하는 컨트롤러 구현public static final String API_URL = "여기에 api url 입력";@PostMapping("/multipart/fileupload")@ResponseBodypublic ResponseEntity uploadAudioFile( @RequestParam("file") List files, // 업로드할 파일 리스트 @RequestParam("userid") String userId, // 사용자 ID @RequestParam("authkey") String authKey) { // 인증 키 t..

버전 때문인지 계속 설정을 해도 proto 파일에 대한 자바코드가 자동 생성되지않아 애를 먹었다. 참고 : https://ecolumbus.tistory.com/138 GRPC 자바 두번째 코드생성전 포스팅에서 개념에 대해 알아봤다. 이번에는 .proto 파일을 정의하고 코드를 생성하는 방법을 알아보자. 난이도가 낮으니 소개한 대로만 크게 어려움은 없을 듯싶다. 준비물 자바 1.8, 메이븐,ecolumbus.tistory.com  1.68.1 3.25.5 버전 관리grpc.version: 1.68.1protobuf.version: 3.25.5버전 확인 링크: https://mvnrepository.com/artifact/io.grpc/grpc-protobuf/1.68.1..

별건 아니지만 새로 알아낸 사실 😎자바스크립트 new URL 에 주소를 https 를 ttps 로 오기입했을때 ..Chrome: "ttps://example.com"을 입력하면 자동으로 "https://example.com"으로 보정하여 URL을 생성합니다.Edge: "ttps://example.com"을 입력하면 유효하지 않은 URL로 인식하여 오류가 발생하고, host를 추출할 수 없습니다.

"외래 키는 개념적으로는 설계에 포함되지만, 실제 데이터베이스에서는 제약 조건 없이 관리되는 경우가 많습니다."Foregin key를 실질적으론 잘 사용하지 않고 개념만 가지고 사용한다는게 사실을 처음 들었다. 실제로 많은 개발자들이 데이터베이스에서 외래 키(Foreign Key)를 물리적으로 설정하지 않고, 개념적으로만 사용하는 경우가 많은데 아마 아래와 같은 이유들로 인한 것 같다.1. 성능 이슈: 대규모 트랜잭션이 발생하거나 많은 데이터를 저장하는 경우 외래 키 제약 조건이 성능에 부정적인 영향을 줄 수 있습니다. 따라서 물리적으로 외래 키를 설정하면 데이터베이스의 속도가 저하될 수 있습니다.2. 분산 시스템: 마이크로서비스 아키텍처 같은 분산 시스템에서는 여러 데이터베이스를 사용할 수 있기 때문에..

du -h --max-depth=0 /home/test du 명령 사용 시 폴더 별 디스크 사용 용량을 볼 수 있다. du 명령만 치면 모든 폴더의 용량이 나와서 --max=depth=N ( -d N ) 옵션과 주로 사용한다.--max-depth=1 은 첫번째 디렉토리에 용량을 출력. -h옵션을 사용하여 단위를 붙여 출력할 수 있다. 출처 : https://tifferent.tistory.com/25

//*경로존재유무, 용량체크 async function checkVolum(path, textBool, fileCntBool){ try {         let response = await $.ajax({             url: GET_SIZECHECK_URL,             type: 'GET',             data: {"path": path, "textChk": textBool, "fileCntChk": fileCntBool, "floatDigits": 0},             dataType: "json",         });         return response;     } catch (error) {         console.log('경로 혹은 용량 확..

스프링 인터셉터에 대한 자세한 설명스프링 인터셉터는 스프링 MVC에서 HTTP 요청을 가로채어 처리하는 강력한 기능입니다. 클라이언트의 요청이 컨트롤러에 도달하기 전 또는 후에 특정 작업을 수행하여 애플리케이션의 다양한 부분에서 유용하게 활용될 수 있습니다.인터셉터의 주요 기능요청 가로채기: 클라이언트의 요청이 컨트롤러에 도달하기 전에 가로채서 특정 로직을 수행합니다.응답 가로채기: 컨트롤러에서 처리된 결과가 클라이언트로 전달되기 전에 가로채서 추가적인 작업을 수행합니다.공통 기능 처리: 로그인 인증, 권한 체크, 성능 측정 등 공통적으로 수행해야 하는 작업을 인터셉터에서 처리하여 코드 중복을 줄이고 유지보수성을 높입니다.AOP(Aspect Oriented Programming) 적용: AOP 관점에서 ..