아주 중요한 질문입니다.✅ 정리하자면:React 클라이언트가 백엔드에서 Set-Cookie로 준 쿠키를 자동으로 저장하고 읽으려면,보안 설정 + CORS 설정이 정확히 맞아야 합니다.✅ 기본 전제: 클라이언트가 백엔드에서 준 쿠키를 저장하고 사용하는 조건요구 조건 설명1. 백엔드에서 Set-Cookie 헤더 전송예: Set-Cookie: SESSION=abc123; HttpOnly; SameSite=None; Secure2. 프론트 요청에 credentials: 'include' 지정fetch, axios, XMLHttpRequest 등3. 백엔드가 CORS 응답에 Access-Control-Allow-Credentials: true 포함그렇지 않으면 쿠키 무시됨4. SameSite 설정SameSite=..
Multipart 파일을 JPA로 저장하려면 다음과 같은 순서로 Controller → Service → Repository → Entity 단을 수정하면 됩니다.당신의 기존 구조(@RequestBody로 JSON DTO만 받던 구조)를 Multipart + JSON 조합으로 확장할 수 있습니다.✅ 1. 목표 요약기존에는 @RequestBody로 InftwtAnlsSaveDto만 전달이제는 Multipart 요청으로 파일 + JSON 데이터를 함께 받음파일은 MultipartFile, JSON은 문자열로 받아서 ObjectMapper로 역직렬화✅ 2. Controller 변경@PostMapping(consumes = MediaType.MULTIPART_FORM_DATA_VALUE)public Inftwt..
물론입니다. Hibernate와 Spring Data R2DBC는 모두 **RDB(Relational Database)**와 연결하는 ORM 또는 데이터 접근 기술이지만, 동작 방식과 철학, 적용 환경이 완전히 다릅니다.✅ 1. Hibernate📌 개요Hibernate는 Java 진영에서 가장 널리 사용되는 동기식 ORM 프레임워크입니다.Spring Data JPA는 내부적으로 Hibernate를 기본 구현체로 사용합니다.📋 주요 특징항목 설명프로그래밍 모델동기 방식 (Thread blocking)기반 기술JPA (Jakarta Persistence API)트랜잭션표준 @Transactional 지원데이터베이스 연결JDBC 사용쿼리 언어JPQL, Criteria API, Native SQL캐싱1차 캐..
@ReactiveFeignClient과 @FeignClient는 모두 원격 HTTP API를 선언적으로 호출하기 위한 인터페이스를 정의할 때 사용됩니다.하지만 둘은 동작 방식과 비동기 처리 모델에서 큰 차이를 가집니다.✅ 핵심 차이 요약항목 @FeignClient @ReactiveFeignClient패키지org.springframework.cloud.openfeign.FeignClientreactivefeign.spring.config.ReactiveFeignClient방식동기 또는 CompletableFuture 기반 비동기완전한 리액티브 (Mono/Flux 기반)리턴 타입일반 객체, Future, CompletableFutureMono, Flux블로킹 여부블로킹 (동기) 또는 준비동기논블로킹 (진정한..
Web Worker는 JavaScript의 멀티스레딩을 가능하게 해주는 브라우저 API입니다. 즉, 무거운 작업을 메인 스레드(UI 스레드)와 분리해서 실행할 수 있도록 해줍니다.🔧 1. 왜 필요한가?JavaScript는 단일 스레드(single-threaded) 언어입니다.그래서 긴 루프, 대용량 계산, 데이터 파싱 등 무거운 작업을 실행하면 UI가 멈추거나 렌더링이 지연됩니다.📌 이때 Web Worker를 사용하면:무거운 연산을 백그라운드 스레드에서 처리UI는 끊김 없이 반응성 유지🧠 2. 어떻게 작동하나?Web Worker는 별도의 파일을 만들어서 사용하는 방식입니다.main.js는 UI 스레드, worker.js는 백그라운드 스레드로 실행됩니다.예시:🔸 worker.js// worker.j..

FastAPI는 표준 Python 유형 힌트를 기반으로 Python 3.6 이상으로 API를 빌드하기위한 최신의 빠른 (고성능) 웹 프레임 워크입니다.기존 Flask 보다 빨라 AI관련 설치해보자.FastAPI 공식 사이트 : https://fastapi.tiangolo.com주요기능은 다음과 같다.빠름 : NodeJS 및 Go 와 동등한 매우 높은 성능 (Starlette 및 Pydantic 덕분에). 사용 가능한 가장 빠른 Python 프레임 워크 중 하나입니다 .빠른 코딩 : 기능 개발 속도를 약 200 % ~ 300 % 향상시킵니다. *버그 감소 : 인간 (개발자)이 유발 한 오류의 약 40 %를 줄입니다. *직관적 : 훌륭한 편집기 지원. 모든 곳에서 완성 . 디버깅 시간이 줄어 듭니다.Easy..
React에서 CORS 문제를 **라우팅 우회(proxy)**로 해결하는 방법은 주로 **개발 환경(로컬)**에서 사용되며, create-react-app 환경이나 vite, next.js 등에서도 설정 가능합니다. 여기선 대표적으로 React CRA 환경과 Next.js 기준으로 설명드립니다.✅ 1. CORS 문제란?CORS(Cross-Origin Resource Sharing)는 브라우저가 보안상 다른 도메인(출처)의 리소스 요청을 제한하는 정책입니다.예:http://localhost:3000에서 http://api.example.com로 요청 → CORS 에러 발생 가능✅ 2. 프록시(proxy) 방식으로 우회하는 원리React 개발 서버가 중간 프록시 서버 역할을 하여 브라우저는 같은 origin..
-- timestamp의 날짜만 변경/ 시간은 그대로UPDATE tb_sn_oilq_dataSET mtrng_dt = DATE '2024-05-01' + (mtrng_dt::time)WHERE inftwt_anls_sn =101 AND ppl_mng_no='L13101003' -- 침입수량 조회select oilq.day, round((oilq.avg_day_flow - inft.avg_day_flow)*24,-1) as avg_day_flow from ( SELECT to_char(date_trunc('day', hour),'yyyymmdd') as day, avg(avg_flow) AS avg_day_flow FROM ( SELECT date_trunc('hour', mtrng_dt) AS h..
- Total
- Today
- Yesterday
- 프로젝트명변경
- spring
- object key
- draw.io
- DatePicker
- element위치
- caniuse
- sumifs
- PostgreSQL
- @ExceptionHandler
- Javascript
- 전후방탐색
- 정규식
- setter
- excel
- QueryDSL
- JQuery
- devtools
- 진열사랑
- oracle
- springboot
- ul li로 테이블
- getter
- border-collapse
- lombok
- $.extend
- CSS
- 여러 컬럼 update
- $.each
- Keycode
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |