AWS (6) 썸네일형 리스트형 [AWS] 커스텀 도메인 구입 후 CloudFront에 연결하기 먼저 연결할 도메인을 구매한다. 나는 가비아에서 원하는 도메인을 간단하게 구매했다.AWS S3에 올려놓은 빌드에 도메인을 연결하기 위해 우선 CloudFront 배포를 생성해주어야 한다.빌드가 있는 S3버킷을 원본으로 새 CloudFront 배포를 생성한다.S3 origin에 연결할 버킷의 주소를 입력하면 된다.배포가 생성된 이후 github action을 위한 리액트 프로젝트의 deploy.yml를 수정해주었다.기존에는 master에 병합 시 빌드 후 S3버킷에 올리는것까지의 스크립트가 있었는데, CloudFront의 캐시 정책으로 인해 명시적으로 무효화를 해줘야지 CloudFront에 반영된다.CloudFront 배포를 생성했으면 배포ID를 레포지토리의 Secrets에 추가해준다. 이후 - n.. [React] Test Code 배포 자동화, CI/CD 기존에 진행했던 프로젝트들은 모두 CI/CD환경이 구축되어있었다.gitlab, github, 카카오워크, slack 등 web hook을 이용하여 이벤트 트리거시 배포, 빌드 PR생성 등 메시지 생성 자동화가 구축된 환경에서 작업을 했지만 처음부터 끝까지 CI/CD 환경을 구축해 본 경험은 따로 없어 간단하게 테스트를 진행했다. 우선 Test용 레포를 하나 파주었다.git remote 후 npm create vite@latest . -- --template react로 react 프로젝트로 초기화시켜주었다.npm i -> npm run dev로 잘 열리는지 확인한 뒤 git checkout -b dev Dev로 체크아웃, 메인페이지에 있는 내용을 모두 제거해준 뒤 dev에 푸시했다.이제 dev에서 mai.. [CloudFront] S3 이미지 무효화와 적절한 프론트 캐시 정책 조사 프로젝트 진행 중 S3 버킷에서 관리되는 서버 이미지는 CloudFront를 통해 요청, 응답받았다.만약 하나의 이미지 파일에만 문제가 생겼을 경우 전체 이미지 버전을 업데이트하고 무효화시키기에는 부담이 조금 있어, 테스트 해본 결과 무효화를 진행하지 않을경우 Etag, 마지막 수정시간이 변경되어도 계속해서 캐싱을 하고있는것을 확인했다. 이 부분을 해결하기 위해 CloudFront의 캐시 정책을 조사하고 다른 방안이 있을지 살펴보았다. 테스트 시나리오를 통한 기존 이미지 캐시 동작 확인이미지 네트워크 요청 시 응답 헤더 확인 -->캐시 관련 헤더를 확인해 본 결과etag: W/"26xxxxxxx"last-modified: Thu, 27 Feb 2025 06:26:56 GMTx-cache: Hit fr.. [AWS] WARNING: UNPROTECTED PRIVATE KEY FILE! 해결 EC2 SSH접속 시 위와 같은 에러가 났다. chmod 600 [서버키 경로]를 입력해서 퍼미션을 변경해준다. 퍼미션 변경 후 재접속 시 연결이 잘 되는것을 확인할 수 있다. [AWS] EC2 인스턴스 생성, 가상 서버 구축 인스턴스 생성을 위해 먼저 AWS에 접속한 후 EC2를 클릭하여 들어간다. 다음으로 우측 상단에 지역을 서울(서비스할 지역)로 설정한다. 인스턴스 시작 버튼을 클릭한다. AMI를 선택해야 한다. '프리 티어 사용 가능'인 AMI는 1년동안 무료로 사용할 수 있다. 다음으로는 인스턴스 유형을 선택해준다. 각 항목별로 인스턴스의 성능이 달라지며 역시 '프리 티어 사용 가능'이 명시되어 있다면, 1년동안 무료로 사용이 가능하다. 다음은 인스턴스 세부 정보 구성이다. 네트워크와 종료 방식 등 세부적인 옵션을 지정할 수 있다. 특별한 경우가 아니면 인스턴스 개수가 1개인지 잘 확인해주면 된다. 다음은 스토리지 옵션이다. 따로 지정을 해줘도 상관 없지만 옵션에 따라 비용이 청구될 수 있다. 프리 티어 사용 유저일 .. Visual Studio Code 와 EC2 연동하기 비쥬얼 스튜디오 코드와 AWS의 EC2를 연결하기 위해서는 먼저 ftp-simple을 설치해주어야 한다. 그냥 마켓플레이스에서 설치해주면 된다. 다음으로는 명령 팔레트를 연 뒤에 ftp-simple을 입력하고, FTP connection setting 파일을 열어준다. 이후에 셋팅값을 수정해주면 된다. name은 임의로 지정해주어도 상관없다. host에는 EC2의 Public IP를 입력해주면 된다. SSH는 기본적으로 22번 포트를 사용하므로 port는 22로 맞춰준다. username은 터미널에서 명령어로 연결 시, @앞에있는 이름을 써주면 된다. 예를들어, hello@ec2-4-35-207-253.ap-northeast-2.compute.amazonaws.com이면 username은 hello가 된.. 이전 1 다음