공부로그

Vue 프로젝트에 CI를 적용했다. 그리고 이제 나머지 Spring Boot 프로젝트에 CI를 적용해보겠다. 이전 글 2021.08.22 - [AWS] - 🐮 Vue 프로젝트에 Jenkins로 CI를 적용해보자 에서 기반 작업을 다 진행했으니 매우 간단하게만 설명하겠다. 이번에도 역시 매우 아쉬운 부분이 있었고 이는 마지막에 작성하겠다. 사용한 기술 스택 - Spring Boot (gradle) - Docker - Jenkins - EC2 사전작업 1. 이전 글에서 진행한 Jenkins가 도커 컨테이너로 실행중이다. 2. 잘 실행되는 jar파일이 만들어지는지 확인한다. 어떻게 할건데? 원래는 이렇게 하고 싶었어요.. 아래 출처에 등록된 블로그 내용과 같이 다음과 같은 프로세스로 만들고 싶었다. 하지만 아..

정말 프로젝트해볼 때 맨날 봤던 이슈다. 그치만 맨날 찾아본다. 그래서 이번엔 정리해본다^^.. 상황 8080번 포트에서 실행 중인 프론트가 8081번 포트에서 실행 중인 서버로 게시물을 작성해 POST 요청을 보냈다. 이슈분석 그리고 원인 예상은 했지만, 안나오길 바랬던 이슈가 나타났다. 바로 CORS 에러이다. 저번에는 S3에 저장된 이미지를 캔버스에서 활용할 때 비슷한 문제가 나타났다. 정말 많이 봤다. CORS가 무엇인지 잠시 살펴보면 좋을 것 같다. CORS가 뭔데? 해결방법 package com.web.backend.controller; import com.web.backend.dto.PostSaveRequestDto; import com.web.backend.dto.PostsResponseD..

이걸 쓰는 이유는 CICD 환경을 구축하기 전에 그 복잡하고 귀찮음을 겪어보는 시간을 갖기 위해서이다. 직접 느껴보면 CICD를 왜 쓰는건지 이해가 잘 된다. 귀찮아도 해보자. (스크립트에 대한 설명이 빈약해보여 조금씩 추가하겠습니다) 🚩오늘의 목표 프론트와 백엔드로 설계되어있는 웹 서비스를 ec2 서버에 컨테이너화해서 직접 배포시켜보자(각각 실행)! 그리고 그 불편함을 깨닫자.. 정말 간단한 프론트와 백엔드를 직접 서버에서 실행해보는 과정을 진행하겠다. 모든 완성된 코드는 깃헙에 있다. https://github.com/yuzin9712/web-deploy-ec2 yuzin9712/web-deploy-ec2 프론트와 백엔드로 설계된 애플리케이션을 ec2 서버에 간단히 배포해보는 프로젝트. Contrib..