주뇽's 저장소

리액트에서 HTTPS 설정을 받고 스프링으로 HTTP 요청을 유지하는 방법: Nginx를 이용한 SSL 종료 구현 🔒개발을 하다 보면 프론트엔드는 HTTPS를 사용하고 싶지만, 백엔드 서버는 HTTP를 그대로 유지해야 하는 상황이 있다. 이런 경우 Nginx를 이용한 SSL 종료(SSL Termination)를 구현하면 효과적으로 문제를 해결할 수 있다. 이 글에서는 리액트 애플리케이션과 스프링 부트 백엔드 사이에 Nginx를 두어 SSL 종료를 구현하는 방법에 대해 설명한다.문제점: HTTPS와 HTTP 혼용의 어려움 😓보안을 위해 프론트엔드에서는 HTTPS를 사용해야 하지만, 백엔드 서버는 여러 이유로 HTTP를 사용해야 하는 경우가 있다. 이런 상황에서 발생하는 주요 문제점은 다음과 같다:혼합 ..

이번 글에서는 리액트와 스프링부트 애플리케이션을 하나의 도커 컨테이너에 담아 AWS EC2에 배포하는 방법을 설명한다. 이 과정은 프론트엔드와 백엔드 애플리케이션을 빌드하고, 이를 하나의 도커 이미지로 만든 후 AWS EC2에 배포하는 단계로 진행한다.  프로젝트 구조프로젝트의 디렉토리 구조는 다음과 같다:/Myapp ├── Backend (스프링부트 애플리케이션) └── reactworkspace/Myapp (Vite + React 애플리케이션)1. 프론트엔드 애플리케이션 빌드먼저 프론트엔드 애플리케이션을 빌드한다. Vite를 사용하여 리액트 애플리케이션을 빌드하는 방법은 다음과 같다:cd 자신의 프론트 루트 폴더npm installnpm run build위 명령어가 성공적으로 실행되면 dist 디..