본문 바로가기
반응형

javascript14

[Spring][React] Failed to validate connection Possibly consider using a shorter maxLifetime value. 에러 해결 방법 ✅  참고백엔드 프로젝트의 구성은 Spring 3.X 버전과 JPA로 구성되었으며,프론트엔드 프로젝트는 React와 React Query(tanstack query) 등으로 구성되었습니다.해당 에러 메시지를 정확하게 이해하려면 Spring의 SpringDB에 대한 이해와 JPA의 OSIV에 대한 정확한 이해가 필요합니다.참고: SpringDB에 대한 이해는 JDBC와 JPA의 관계, Spring의 ConnectionPool입니다. 🚨 서버 실행 중 Spring Log에서 발생한 에러 메시지com.zaxxer.hikari.pool.PoolBase - HikariPool-1 - Failed to validate connectionPossibly consider using a shorter maxLifeti.. 2025. 1. 25.
[React] Vite 프로젝트 생성하고 실행하는 방법 총 정리 ✅ 참고아래 설명문은 React와 TypeScript를 사용하여 Vite 프로젝트를 생성하고 실행하는 방법입니다. 1. vite 설치아래 명령어를 통하여 vite 프로젝트를 생성해 줍니다.$ npm create vite 2. 프로젝트 폴더 이름 설정프로젝트 폴더 이름을 입력하여 프로젝트의 폴더 이름을 설정해 줍니다. 3. 프레임워크 및 라이브러리 설정위, 아래 키보드를 사용하여 프로젝트에서 사용할 프레임 워크 및 라이브러리를 설정해 줍니다. 4. 프로그래밍 언어 설정위, 아래 키보드를 사용하여 프로젝트에서 사용할 프로그래밍 언어를 설정해 줍니다. 5. 프로젝트 생성 완료프로젝트 생성이 완료되었습니다. 6. npm 설치 아래 명령어를 통하여 프로젝트 폴더로 이동 후 npm 설치를 진행해 줍니다.# 프로.. 2024. 10. 24.
[JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 ※ 이 글은 Promise의 동작 방식에 초점을 두었습니다. Promise에 대한 정확한 설명 혹은 문법은 캡틴 판교 님의 글을 보시면 매우 도움이 되실 겁니다.Promise란?Promise(프로미스)는 JavaScript 비동기 처리에 사용되는 객체입니다. Promise의 3가지 상태Prmoise의 동작 방식을 알기 전, Promise의 3가지 상태에 대해 필수로 알아야 합니다.Promise는 Promise 객체가 생성하고 종료될 때까지 3가지 상태를 갖습니다.Pending(대기): 비동기 처리 로직이 완료되지 않은 상태Fulfilled(이행): 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태Rejected(실패): 비동기 처리가 실패하거나 오류가 발생한 상태 Promise의 동작 방식🟢 .. 2024. 10. 21.
[ Spring ] @Autowired, @Resource, @Inject 차이점 아주 쉽게 정리 @Autowired란?Spring 실행 시점 의존 관계 주입을 위해서 사용하는 어노테이션입니다.그렇기 때문에 Spring FrameWork에서만 사용 가능합니다.타입을 기준으로 의존 관계를 주입합니다.  @Resource란?Java에서 만든 의존 관계 주입을 위해서 사용하는 어노테이션입니다.이름을 기준으로 의존 관계 주입합니다. @Inject란?Java에서 만든 의존 관계 주입을 위해서 사용하는 어노테이션입니다.타입을 기준으로 의존 관계를 주입합니다.   ↔️ @Autowired @Resource @Inject 비교3가지의 어노테이션 모두 의존 관계 주입을 위한 어노테이션입니다. 하지만, @Autowired의 경우에는 Spring 어노테이션이며,@Resource, @Inject의 경우에는 Java 어노테.. 2024. 10. 16.
반응형