분류 전체보기 55

SSH 접속 시 키 페어(PEM) 에러

AWS 인스턴스 접근 시, 키 페어를 사용할 때 가 있는데 다음과 같이 오류가 발생했다. 1. 키 파일을 우클릭 하여 속성 열기고 보안탭에 고급 열기  2. '상속 사용 안 함' 클릭 후 '이 개체에서 상속된 사용 권한을 모두 제거합니다.' 클릭 3. 추가   4. '보안 주체 선택' 클릭 후 '선택할 개체 이름을 입력하십시오'에 사용자 이름 넣고 이름확인 후 확인   사용자 이름은 cmd에서 확인이 가능한데set user를 사용하면 USERNAME 부분이 사용자이름  5. 확인 하고 닫으면 끝

카테고리 없음 2024.06.02

[Spirng] 엔티티 생성, 수정시간 추가

@CreateData : 엔티티가 생성될 때 생성시간을 컬럼에 저장합니다.@LastModifiedDate : 엔티티가 수정될 때 마지막으로 수정된 시간을 컬럼에 저장합니다.@EntityListeners(AuditingEntityListener.class) : 엔티티의 생성 및 수정 시간을 자동으로 감시하고 기록 합니다.@EnableJpaAuditing : 자동으로 업데이트합니다,import jakarta.persistence.*;import lombok.Getter;import lombok.NoArgsConstructor;import org.springframework.data.annotation.CreatedDate;import org.springframework.data.annotation.LastM..

Java/Spring 2024.05.16

[Docker] 데이터 보존 (Docker Voulmes, Bind Mounts)

Mysql로 프로젝트를 만들다가 Docker를 다시시작하니까 Database가 사라졌음  컨테이너가 제거되거나 교체되면 지속가능한 위치(ex:Docker 볼륨 또는 Bind Mounts)에 저장되지 않은 모든 데이터가 손실됩니다. Docker Voulmes VS Bind MountsDokcer Voulmes호스트에 구애받지 않음: Docker는 호스트 파일 시스템과 독립적으로 볼륨을 관리합니다. Docker 데몬은 저장 위치에 대한 세부 정보를 처리하며 Docker가 관리하는 호스트 파일 시스템의 일부(기본적으로 /var/lib/docker/volumes/)에 저장됩니다.제어: 볼륨은 직접 파일 시스템 제어 측면에서 유연성이 떨어지지만 Docker CLI 명령과 잘 통합되며 다양한 Docker 환경에서 ..

Docker 2024.05.06

[React] react-router-dom

react-router-dom React로 구축된 애플리케이션 내에서 라우팅을 관리하기 위해 React 웹 개발에 사용되는 패키지입니다. 이를 통해 개발자는 웹 앱에서 동적 라우팅을 구현할 수 있습니다. 즉, 전체 페이지를 다시 로드하지 않고도 애플리케이션이 브라우저 주소 표시줄의 URL을 기반으로 다양한 구성 요소나 페이지를 표시할 수 있습니다. 이 패키지는 다양한 구성 요소 간 탐색이 기존 다중 페이지 웹 사이트를 모방하는 단일 페이지 애플리케이션(SPA)을 구축하는 데 도움이 됩니다.사용예시 App.jsimport React from "react";import { BrowserRouter as Router, Routes, Route, Link} from "react-router-dom";im..

Javascript/React 2024.05.01

[Javascript] target, currentTarget

e.target: 처음에 이벤트를 트리거한 요소를 나타냅니다. 이는 이벤트가 발생하도록 만든 가장 깊이 중첩된 요소입니다. 예를 들어, 내부에 아이콘이 있는 버튼이 있고 아이콘을 클릭하면 e.target은 버튼이 아닌 아이콘 요소 자체가 됩니다.   e.currentTarget: 현재 이벤트 리스너가 붙어 있는 요소를 의미합니다. 이 속성은 현재 이벤트를 처리하고 있는 요소를 참조하므로 이벤트 전파(버블링 또는 캡처 단계) 중에 특히 유용합니다. 동일한 예를 사용하여 이벤트 리스너가 버튼에 연결되어 있으면 버튼 내부의 아이콘을 클릭했는지 여부에 관계없이 'e.currentTarget'이 버튼이 됩니다.   예시Click me icon 결과

Javascript 2024.05.01

[Spirng] CORS 처리하는 법

CORS(Cross-Origin Resource Sharing)웹 페이지의 리소스를 다른 도메인에서 요청할 수 없게 제한하기 위한 웹 브라우저에 구현된 보안 기능입니다.악의적인 웹사이트가 허가 없이 다른 사이트와 상호 작용하는 것을 방지할도록 설게되어 사용자 데이터가 허가되지 않은 당사자에게 노출되는 것을 방지할 수 있습니다. 처리방법 1. 글로벌 CORS 구성모든 컨트롤러에 전역적으로 CORS 설정을 적용하려면 구성에서 ' WebMvcConfigurer' 빈을 정의하면 됩니다.import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.spring..

Java/Spring 2024.04.30

[Spring]@ManyToOne, @OneToMany 엔티티간 다대일, 일대다 관계 설정

@ManyToOneJPA(Java Persistence API)의 일부이며 두 엔티티 간의 다대일 관계를 설정하는데 사용됩니다.예를 들어, 많은 예약이 동일한 객실에 연결될 수 있습니다. 한 엔터티(예: 'BookedRoom')의 여러 인스턴스가 다른 엔터티(예: 'Room')의 한 인스턴스와 연결되어 있음을 나타냅니다.fetch = FetchType.LAZYFetchType.LAZY지연 로딩: 엔터티를 느리게 가져오는 경우, 이는 엔터티 데이터가 특별히 요청될 때까지 데이터베이스에서 로드되지 않음을 의미합니다. 이는 상위 엔터티가 검색될 때 관련 엔터티의 데이터가 즉시 로드되는 즉시 로드와 대조됩니다.지연 로딩의 이점:성능: 지연 로딩은 필요할 때까지 관련 엔터티의 로드를 지연함으로써 특히 관련 데이터..

Java/Spring 2024.04.29

Whisper-WebUI (자동자막)설치

Whisper-WebUI 깃허브입니다.GitHub - jhj0517/Whisper-WebUI: A Web UI for easy subtitle using whisper model. GitHub - jhj0517/Whisper-WebUI: A Web UI for easy subtitle using whisper model.A Web UI for easy subtitle using whisper model. Contribute to jhj0517/Whisper-WebUI development by creating an account on GitHub.github.com git, python, ffmpeg,  CUDA를 설치해야 합니다.   GitGit - Downloads (git-scm.com) Git -..

카테고리 없음 2024.04.28