CloudFront에서의 코드 업데이트 방법

1. DNS에 대한 개념과 작동 과정

DNS

• DNS문자를 IP주소로 변환해주는 DNS 서버를 만들게 되었다
• 컴퓨터가 처리하기 쉬운 값의 형태는 문자가 아니라 숫자이기에

IP

• 특정 컴퓨터의 주소를 가르킨다. ( naver.com → 61.41.153.2 )

Port

• 13.250.15.132:3000 에서 :3000 이 부분이 Port기본값으로 (크롬.익스플로어 등) 80번 포트로 통신을 보내게 설정되어 있기 때문이다.이렇게 규약을 통해 역할이 정해진 포트들을 말한다.80번(HTTP) : HTTP로 통신을 할 때 사용(꼭 지키지 않아도 된다)
• 443번(HTTPS) : HTTPS로 통신을 할 때 사용
• ex) 22번 (SSH, Secure Shell Protocol) : 원격 접속을 위한 포트번호
• Well-Known-Port: 포트 번호는 0~65535번까지 사용할 수 있고, 0~1023번까지의 포트 번호는 주요 통신을 위한 규약에 따라 이미 정해져 있다.
• 특정 서버와 통신하기 위해선 IP주소와 Port번호를 둘 다 알아야하는데 브라우저 창에서 포트번호를 입력하지 않는 이유는
• 한 컴퓨터 내에서 실행되고 있는 특정 프로그램의 주소이다

S3, CloudFront, DNS를 사용한 아키텍쳐 구성과 흐름

• 사용자가 주소를 입력하면 DNS 서버에 IP 주소를 알아내고 CloudFront는 주기적으로 S3에서 정보를 갖고온다.
• CloudFront로 요청을 해서 웹 페이지에 대한 파일들을 다운받는다.

무료 도메인 서버의 한계점

• 불안정하다. 서버 장애가 생길 수 있어 url을 쳐도 접속이 안될경우가 있다.

 

2. CloudFront 에서의 코드 업데이트 방법

• 바뀐 코드를 다시 Visual Code에서 npm run build를 통해 build 파일을 새로 만든다.
• AWS사이트에서 새로 바뀐 build 파일을 기존 업로드한 S3버킷에 파일을 지우고 올린다. (S3는 끝)
• 이제 CloudFront의 무효화를 생성해서 적용시킨다.

객체경로에 /* 적으면 끝!

 

 

다음엔 CI/CD에 대한 글을 올리겠습니당~