profile
Frontend
post-thumbnail

Nextjs를 github action, EC2, pm2로 CI/CD 구축하기(5)

이번 글에서는 목표는 다음과 같다.1\. CodeDeploy 동작 정의하기2\. EC2에 pm2, nodejs 설치하기3\. Swap File을 이용해서 EC2 RAM늘려주기4\. 80번 포트로 EC2에 요청 들어오면 3000번 포트로 연견할도록 포트포워딩 해주기이제

2023년 8월 10일
·
0개의 댓글
·
post-thumbnail

Nextjs를 github action, EC2, pm2로 CI/CD 구축하기(4)

이제는 github action을 작성할 차례이다.github action에서는 다음과 같은 동작을 작성할 것이다.Nextjs App 빌드하기Nextjs App 파일들을 압축해서 S3에 저장하기 - node_modules는 제외S3에 파일이 올라가면 CodeDeploy

2023년 8월 10일
·
0개의 댓글
·
post-thumbnail

Nextjs를 github action, EC2, pm2로 CI/CD 구축하기(3)

이번 편은 다음 과정을 진행할 것이다.1\. CodeDeploy 설정2\. CodeDeploy를 EC2 인스턴스에 연결IAM - 역할 - 역할 만들기다음을 누르면 AWSCodeDeployRole이 추가되어 있는 것을 볼 수 있다.역할 이름을 정하고 역할 생성을 클릭하면

2023년 7월 31일
·
1개의 댓글
·
post-thumbnail

Nextjs를 github action, EC2, pm2로 CI/CD 구축하기(2)

1편에서는 우리의 코드를 배포할 ec2 인스턴스를 만들고 세팅했다. 2편에서는 S3 버킷에 대해 세팅할 것이다.버킷 - 버킷 만들기를 눌러주자.버킷 이름을 정하고 AWS리전은 서울로 해주자. 나머지는 기본 세팅으로 넘겨도 무방하다.다시 IAM으로 넘어가서 사용자-사용자

2023년 7월 27일
·
1개의 댓글
·
post-thumbnail

Nextjs를 github action, EC2, pm2로 CI/CD 구축하기(1)

최근 진행하고 있는 프로젝트의 CI/CD를 구축하려 한다. react의 경우는 cloudfront, s3를 통해 배포해 보았고, nextjs는 amplify(serverless)로 간단하게 구축해보았다. 이번에는 웹 인프라에 대한 이해도를 좀 더 올릴 겸 EC2에 배포

2023년 7월 24일
·
0개의 댓글
·
post-thumbnail

Github Action, S3, CloudFront로 CI/CD 구축하기(23.06.12 수정)

이전 프로젝트에서 github action과 vercel로 CI/CD를 구축하여 협업을 진행했다. 하지만 vercel에서 대부분의 세팅을 자동으로 해주기 때문에 Web 아키텍처를 머릿 속에 구체화하기 힘들었고, 내가 임의로 세팅할 수 있는 것들이 제한적이었다. 특히 p

2023년 4월 15일
·
0개의 댓글
·

CI/CD - 이론

CI/CD

2023년 1월 10일
·
0개의 댓글
·

Cypress + Github action으로 vercel Preview에 대해 E2E Test를 할 수 있도록 세팅하기

1.Github Action을 사용하여 Preview Deploy 생성. 2.생성한 Preview Deploy에 대해 E2테스트 작성 후 성공할 경우에만 Production Deploy에 병합. 공식 사이트에 설치방법이 소개되어있다. 설치법은 두가지다. npm으로 설

2023년 1월 10일
·
0개의 댓글
·