공부로그

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

이번 프로젝트를 진행하면서 프론트와 백엔드 CI 과정을 다시 경험했다. 그리고 이전 프로젝트에서 적용하지 못해서 아쉬웠던 부분을 개선해서 적용하게 되었다! 하지만 이전에 좋았던 부분을 적용하지 못한 부분도 있다..ㅎㅎ 이건 보완해서 다시 추가해놓겠다. 목표는? Vue로 만들어진 프로젝트를 EC2 서버에 올려보자! 근데 이제 CI를 곁들여서 ... 사용한 기술 스택 Docker 컨테이너로 Jenkins를 실행하고, 거기서 Vue 프로젝트를 빌드해 나온 결과물 dist 폴더를 scp로 EC2 서버에 전송할 것이다. 그리고 그 디레터리를 Docker 컨테이너에 Nginx 위에서 정적 파일을 제공할 수 있도록 한다. gitlab에 특정 브랜치에 푸쉬하면 해당 프로세스가 진행될 것이다. - Vue - EC2 - ..

나의 오류 다음과 같은 오류가 나왔다. 근데 원인은 잘 모르겠다. ec2가 너무 느려서 자꾸 껐다가 켰다가 이랬더니 모듈상 충돌이 난 것이 아닐까 하는 추측을 하고 있다. 해결 방법 다음 게시물을 통해 해결할 수 있었다. $ npm cache clean --force $ rm -rf node_modules (위치 잘 보고 삭제하기) $ rm -rf package-lock.json (위치 잘 보고 삭제하기) $ npm install https://github.com/nodejs/help/issues/2644#issuecomment-663993489 internal/modules/cjs/loader.js:983 throw err; ^ Could you help me with this code? · Issue..

상황 nginx컨테이너에 빌드된 파일을 배포했다. 나의 오류 분명 난 안틀렸는데 자꾸 'Welcome to NGINX' 페이지만 나타나고 Vue 페이지가 안나오는 것이 문제였다.  해결 과정 가장 먼저 든 생각은 nginx 가 reload되지 않아서 안먹힌다고 생각했다. 그래서 Dockerfile 마지막에 nginx를 재시작하는 명령어를 입력해서 다시 컨테이너를 실행했지만 실패했다. 두 번째로, 컨테이너를 실행시켜 접속 컨테이너의 bash를 실행했다. 가장 먼저 확인한 것은 작성한 Dockefile대로 dist 폴더에 들어있는 빌드파일이 잘 복사되었는지를 확인했다. 명령어를 입력해 본 결과 app 디렉터리에 모든 파일들이 복사되어 있음을 확인했다. 그 다음으로 의심되는 것이 nginx.conf 였다. ..

도커 설치 https://docs.aws.amazon.com/ko_kr/AmazonECS/latest/developerguide/docker-basics.html Amazon ECS의 Docker 기본 사항 - Amazon Elastic Container Service 경우에 따라서는 ec2-user가 도커 데몬에 액세스할 수 있는 권한을 제공하기 위해 인스턴스를 재부팅해야 할 수도 있습니다. 다음 오류가 표시될 경우 인스턴스를 재부팅해 보십시오. Cannot connect t docs.aws.amazon.com Java와 Maven 설치 https://docs.aws.amazon.com/ko_kr/neptune/latest/userguide/iam-auth-connect-prerq.html Amazon..

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