.png)
작성자: 강은자
프로젝트: ReadPick(도서 추천 및 자동 데이터 구축 서비스)
핵심 키워드: Spring Boot, React, Docker, API Pipeline
README에 적은 요약본을 시각화하여 배포 환경의 구체적인 설정을 기록합니다.
시스템 구조도
인프라 상세 설정
| 분류 | 기술 스택/상세 사양 | 주요 역할 |
|---|---|---|
| Frontend | Netlify (React, Node.js 20 x) | 정적 웹 호스팅 및 배포 자동화 |
| Backend | Render (Spring Boot 3.4.1, Java 17) | Docker 컨테이너 기반 API 서버 구동 |
| Database | MySQL 8.0 (Render) | 도서 및 프로젝트 데이터 영속성 관리 |
| Infra | Docker | 배포 환경 일치성 및 독립성 확보 |
| Security | SSL/HTTPS, Environment Variables | 통신 암호화 및 민감 정보 보호 |
1-1. Docker 기반 환경 구축(Dockerfile)
로컬 개발 환경과 클라우드 배포 환경의 일치성을 확보.
1-2. Render Live 로그 화면 (실행)
.png)
1-3. Dockerfile path 설정
Docker 컨테이너 이미지 기반으로 Render 클라우드에 서버를 배포하고 실시간 로그 모니터링을 통해 배포 성공 여부를 확인하고 안정적으로 가동중임을 검증완료.
1-4. Netlify 프론트엔드 배포 현황(연결)
React로 구현한 프론트엔드를 Netlify를 통해 배포했습니다. HTTPS 보안 프로토콜을 적용하여 보안성을 강화하였고, 지속적 배포 환경을 구축했습니다.
1-5. 환경변수 설정(보안)