[CI/CD] GitHub Actions를 활용한 자동화 파이프라인 구축지금까지는 코드를 수정할 때마다 개발자가 직접 docker build를 실행하고 이미지를 Docker Hub에 푸시한 뒤,클러스터에서 수동으로 배포를 했을 것이다.하지만 서비스 규모가 커지고 배포 빈도가 늘어나면 이런 수동 작업은 점점 비효율적이고 실수 가능성이 높아진다.그래서 이번 프로젝트에서는 GitHub Actions를 이용해 코드를 푸시하면 자동으로빌드 → 테스트 → Docker 이미지 푸시 → GitOps 리포지토리 업데이트까지이어지는 완전 자동화 CI/CD 파이프라인을 구성했다. 🧱 1. CI/CD란?단계이름설명 CI (Continuous Integration)지속적 통합코드를 변경할 때마다 자동으로 빌드·테스트를 실행해..
🍱 프로젝트 개요이번 프로젝트는 “뭐먹지?”라는 주제로 구내식당 메뉴 조회 / 룰렛 추천 / 사다리 타기 기능을 제공하는 웹 애플리케이션을 React로 구현한 것이다. 백엔드는 Spring Boot 기반 API 서버이며, 프론트엔드는 React + React Router + MUI(Material UI)를 활용하여 반응형 UI와 직관적인 사용자 경험을 제공하도록 설계하였다.📁 전체 구조프로젝트는 다음과 같은 컴포넌트 구조를 갖는다:Navigation.js – 헤더 및 페이지 이동 메뉴 (반응형 Drawer 포함)MainLayout.js – 전체 앱의 진입점 (라우팅 + 네비게이션 통합)Routing.js – 페이지별 라우팅 정의CafeteriaList.js – 구내식당 메뉴 조회 페이지Roulette..
[Spring Boot] 백엔드 설계이 백엔드는 매일 11시에 최신 구내식당 정보를 크롤링해 캐시로 제공하고, 프런트엔드(React)가 REST API를 통해 손쉽게 받아갈 수 있도록 설계했다. 정적 데이터가 아니라, 매일 갱신되는 외부 페이지를 다루기 때문에 캐싱, 스케줄링, 견고한 파싱이 핵심 포인트다.1) CORS 설정 – CorsConfig클라이언트-서버가 다른 도메인에 있을 때를 대비해 CORS를 명시적으로 허용한다.setAllowedOrigins: 개발 단계에서는 http://localhost:3000에서 오는 요청을 허용. (운영 배포 시에는 배포 도메인으로 교체/확장 권장)setAllowedMethods: GET/POST/PUT/DELETE/OPTIONS 등 REST 요청 메서드 허용set..
주제 선정 및 설계 배경 이번 미니 프로젝트는 “실제 서비스 환경에서 동작하는 웹 애플리케이션과 클라우드 인프라를 직접 설계하고 운영해보는 것”을 목표로 두었다. 단순히 화면(UI)을 만드는 수준이 아니라, 사용자가 웹 브라우저에서 서비스를 이용하고, 서버는 안정적으로 요청을 처리하며, 백엔드에서 수집·저장된 데이터가 클라우드 환경에서 자동으로 운영될 수 있는 구조까지 설계하고 구현하는 데 초점을 맞췄다.프로젝트 개요 및 목표이번 프로젝트의 주제는 “구내식당 메뉴 추천 및 정보 제공 웹 서비스”이다. 매일 반복되는 “오늘 점심 뭐 먹지?”라는 고민에서 출발하여, 사용자가 직관적으로 식당 정보를 확인하고, 메뉴, 가격, 위치 등을 한눈에 볼 수 있도록 하는 웹 서비스를 만들고자 했다. 이를 통해 단순..
