UpLog 프론트엔드 CI/CD4(URL 카톡 공유, AWS 과금 알람, 적용 후기)

이번 글은 CI/CD 마지막 글이다!

URL 카톡 공유

카톡에 URL을 공유하면 대부분 사이트 이름, 설명, 사진이 같이 나온다. 우리 사이트에도 한 번 적용해 보겠다.

우선 리액트 폴더에서 index.html을 찾아야 한다.

 

-index.html

-카톡 공유
<!--  썸네일  -->
<meta property="og:image" content="/logo.svg" />
<!-- 사이트 이름 -->
<meta property="og:site_name" content="UPLOG" />
<!-- 카카오톡 공유했을 때 나오는 글 -->
<meta property="og:description" content="UPLOG에서 프로젝트 관리를 해봐요!"/>

이렇게 등록하면 된다!

 

카톡에 공유했을 때, 잘 적용된 것을 볼 수 있다.

AWS 과금 알람

Route53으로 도메인을 설정했을 때, 과금이 조금 나왔다. 지금은 모두 무료 서비스로 바꿨지만 혹시 모르니 AWS 과금 알람 서비스를 등록했다.

 

AWS Billing -> 예산 -> 예산 생성에 들어갔다.

 

그리고 1달러가 넘어가면 이메일에 알람이 오도록 설정했다.

 

이렇게 하면 설정이 완료된다!!

CI/CD 적용 후기

프로젝트 기간 중에 Kakao I Cloud를 사용했을 때, 도메인과 SSL 적용을 하지 못한 것이 많이 아쉬웠다. 그렇기에 이번에는 꼭 적용해보고 싶었다. 처음엔 하루 정도면 다 적용할 거 같았는데, 다 해보니 한 3일 정도 걸렸다. 원래 이전에는 CI/CD가 귀찮기도 하고 뭔가 어려워 보여서 하기 두려웠었다. 이번에 계속 경험을 통해 잘할 수 있다는 자신감을 가진 것 같다. 이후에 테스트 코드가 좀 진행되면 테스트 코드 통과율이 어느 정도 이상 넘어야 배포가 되도록 하는 것도 구현할 것이다!