본문 바로가기
728x90

Side Project

 (5)
React+Flask 어플리케이션: 코드부터 Jenkins 배포까지 (CI/CD) - 2 이번 블로그는 CI/CD 1탄 에서 작성한 어플리케이션을 쿠버네티스 로 배포하는 과정을 정리했는데요, 진행한 내용은 아래와 같습니다.🚀 1. GitHub Actions가 main push를 감지 → Backend/Frontend 이미지를 빌드하여 GHCR(GitHub Container Registry) 로 푸시2. Actions가 Jenkins Webhook (HTTP POST) 호출 → Jenkins job 시작3. Jenkins가 GHCR로 로그인 → GHCR 에 있는 이미지를 Pull.4. Jenkins가 Kubernetes에 docker-registry secret(ghcr-secret)과 unsplash-secret을 생성(또는 업데이트).5. Jenkins가 Helm으로 image-galle..
Jenkins 배포 중 마주한 에러들과 해결방법 Jenkins를 사용하면서 Pipeline을 구성할 때, 특히 Docker와 React/Flask 프로젝트를 배포할 때 다양한 에러를 만나게 됩니다. 아래는 실제 경험을 바탕으로 흔히 마주치는 에러와 해결 방법을 정리했습니다.1️⃣ WorkflowScript: Undefined section "stage"WorkflowScript: 6: Undefined section "stage" @ line 6, column 6. stage('Checkout') { ^ 원인:Declarative Pipeline에서 stage 블록이 잘못된 위치에 있음pipeline { agent any ... } 블록 안에 있어야 함해결 방법:Jenkinsfile 구조 확인pipeline { agent..
React+Flask 어플리케이션: 코드부터 Jenkins 배포까지 (CI/CD) - 1 React+Flask 이미지 갤러리: (Mac · Docker · Jenkins)이 글은 그대로 따라 해도 로컬 실행부터 Docker Compose, 그리고 Jenkins를 통한 자동 배포까지 완주할 수 있도록 만든 실전형 가이드입니다. 진행 중 만났던 실제 오류들과 해결 방법을 전부 정리했습니다.최종 목표React(프론트) + Flask(백엔드)로 구성된 Unsplash 로 부터 이미지를 가지고 오는 이미지 갤러리 앱을 만든다.Unsplash API 키(Secret)를 사용해 키워드로 이미지를 검색한다.Docker Compose로 frontend + backend를 함께 띄운다.Jenkins 파이프라인으로 main 브랜치 push → 자동 빌드/배포까지 연결한다.준비물 (Mac 기준)Docker De..
Docker compose로 MongoDB 사용하기 (Mac) 현재 진행 중인 프로젝트에서 MongoDB를 사용하려고 했는데, 직접 설치하기보다는 docker compose를 사용해서 설치 없이 손쉽게 MongoDB 를 사용하려고 했습니다. 이를 위해 거쳤던 과정들을 정리하였습니다. 1. Mongo DB 사용을 위한 docker 설치 (2가지 방법)- 아래 명령어 실행하거나 docker desktop 에서 직접 설치brew install cask docker # docker 설치docker -v # docker 설치 확인 2. docker - compose 설치brew install cask docker-compose # docker compose 설치docker-compose -v # docker compose 버전 3. MongoDB docker compose ..
기본 HTML 문법 - 1 (p, span, a, li, img, 시맨틱 태그) 현재 Back-end를 주로 개발하고 있지만, 프로젝트 개발에 Front-end도 필수라 생각하여 간단한 웹을 제작하며 배운 HTML 태그들을 정리하였습니다. ㅎㅎHTML은 기본적으로 아래와 같은 구조를 갖습니다. (html, head, body) Content  :문서에 대한 메타데이터를 포함합니다. 요소를 비롯하여, 웹 브라우저가 웹 페이지를 표시하는 데 도움이 되는 정보(예: charset 및 viewport 설정)를 포함합니다. :웹 페이지의 제목을 정의합니다.이 제목은 브라우저의 탭에 표시되며, 북마크 또는 검색 엔진 결과에도 사용됩니다. :실제 화면에 표시되는 콘텐츠를 포함하는 요소입니다.텍스트, 이미지, 링크, 스크립트, 스타일 등 웹 페이지의 모든 요소를 여기에 포함할 수 있습니..
728x90
반응형

티스토리툴바