paint-brush
도메인 브리징:GoDaddy에서 AWS S3로 스타일리쉬하게 마이그레이션하는 방법!~에 의해@aryanguls
1,561 판독값
1,561 판독값

도메인 브리징:GoDaddy에서 AWS S3로 스타일리쉬하게 마이그레이션하는 방법!

~에 의해 Aryan Gulati10m2023/10/22
Read on Terminal Reader

너무 오래; 읽다

GoDaddy를 통해 도메인을 보호하는 것부터 Amazon Web Services(AWS) S3에서 웹 사이트를 호스팅하는 것까지의 여정에 동참하세요. 디지털 세계로 원활하게 전환하려면 단계별 가이드를 따르세요. 웹사이트를 설정하고, 안전하고 효율적으로 만들고, 최신 상태로 유지하는 방법을 알아보세요. 마지막으로, 새로운 온라인 활동의 출시를 축하하세요! 🚀🎉
featured image - 도메인 브리징:GoDaddy에서 AWS S3로 스타일리쉬하게 마이그레이션하는 방법!
Aryan Gulati HackerNoon profile picture
0-item


이것은 개인적인 것입니다.


어느 금요일 저녁이었고 저는 '간단한' 목표를 가지고 있었습니다. 바로 GoDaddy 도메인을 사용하여 AWS S3 에서 정적 웹 사이트를 호스팅하는 것이었습니다. 내 말은, 얼마나 어려울 수 있겠습니까? 10개의 기사, 4개의 튜토리얼, 2개의 비디오, 그리고 인터넷이 제공하는 모든 것을 시도하는 데 하루 종일 걸렸다는 점을 고려하면 꽤 그럴 것 같습니다.

하지만 걱정하지 마세요! 당신의 여행은 훨씬 더 순조로워질 것입니다. 눈에 띄는 도메인을 확보하는 첫 번째이자 기본적인 단계부터 시작하여 이 모험을 함께 시작해 보세요.


콘텐츠 개요

  • GoDaddy: 인터넷 파이 조각을 안전하게 보호하세요!
  • Amazon Web Services: 웹사이트가 최고 수준으로 발전하는 곳
  • GoDaddy 도메인을 AWS S3 버킷으로 마이그레이션
  • 웹마스터: 빛나는 새 사이트를 위한 원활한 업데이트
  • 축하 시간: 라이브입니다!


GoDaddy: 인터넷 파이 조각을 안전하게 보호하세요!

(GoDaddy를 통해 개인 도메인을 획득하고 설정하는 방법을 알아보세요.)


그래서 당신은 웹에 자신만의 작은 코너를 만들기로 결정했습니다. 앞으로는 신나는 시간이 될 것입니다! 기본 사항부터 시작해 보겠습니다. 도메인 획득 .

1단계: 도메인 선택

귀하 또는 귀하의 프로젝트를 잘 나타내는 고유하고 기억에 남는 도메인 이름을 브레인스토밍하는 것부터 시작하십시오. 짧고, 달콤하고, 철자하기 쉽게 유지하세요. 몇 가지 옵션을 염두에 두고 나면 이제 GoDaddy 웹사이트로 이동해 보세요.



GoDaddy 웹사이트



2단계: 검색 및 선택

GoDaddy 홈페이지의 검색창에 원하는 도메인 이름을 입력하세요. 첫 번째 선택을 했다면 절망하지 마세요! GoDaddy에서는 대체 제안을 제공하거나 초기 아이디어를 변형해 볼 수 있습니다. 마음에 드는 사용 가능한 도메인을 찾으면 Make it Yours 버튼을 클릭하여 장바구니에 추가하세요.



도메인 검색 및 선택



3단계: 맞춤화 및 결제

GoDaddy에서는 개인정보 보호 및 업무용 이메일 주소(<사용자 이름>@yourdomain)와 같은 다양한 추가 기능과 옵션을 제공합니다. 이러한 제품을 검토하고 필요에 맞는 제품을 선택한 후 결제를 진행하세요. 거래를 완료하면 짜잔, 도메인이 귀하의 것이 됩니다!


도메인별 이메일 선택



결제 페이지



4단계: 설정 및 구성

이제 도메인을 소유한 상태에서 원하는 URL에 도메인이 표시되기 전에 몇 가지 설정 단계와 변경 사항이 있을 수 있습니다. 도메인 설정을 구성하고 이를 호스팅(다음에 자세히 설명)에 연결한 다음 출시를 위한 모든 것이 최상의 상태인지 확인하세요. 이 설정 부분에서는 도메인의 DNS 레코드 및 전달 규칙을 방문하게 됩니다.



도메인 대시보드



DNS 레코드 페이지


이로써 귀하는 GoDaddy를 통해 인터넷 파이를 성공적으로 확보하게 되었습니다! 디지털 여정의 다음 단계인 AWS S3를 사용한 호스팅을 진행하는 동안 계속 지켜봐 주시기 바랍니다.


Amazon Web Services: 웹사이트가 최고 수준으로 발전하는 곳

(Amazon Web Services의 S3에서 웹 사이트를 호스팅하는 방법을 소개합니다.)


인터넷 강국에 오신 것을 환영합니다. 아마존 웹 서비스(AWS) . 웹이 바다라면 AWS는 가장 강력한 선박이 될 것입니다. 이제 귀하는 웹 사이트를 스타일리쉬하게 호스팅하기 위해 승선하실 것입니다.


AWS 홈페이지


로그인/가입 페이지



1단계: AWS 환경 탐색

AWS는 초보자에게 부담스러울 수 있는 수많은 서비스를 제공하는 광대한 곳입니다. 기존 AWS 계정에 로그인하거나 새 계정을 생성하십시오.


  • 익숙해지기 : AWS에 처음 로그인하면 AWS Management Console이 나타납니다. AWS 서비스의 제어 센터이므로 잠시 시간을 내어 레이아웃을 살펴보세요. 모든 AWS 제품의 허브인 왼쪽 상단의 '서비스' 드롭다운을 확인하세요.


AWS 콘솔


  • S3 찾기 : '서비스' 드롭다운 아래 '스토리지' 카테고리에 'S3'이 나열되어 있습니다. 'S3'을 클릭하여 정적 웹사이트 호스팅을 관리할 S3 콘솔로 들어갑니다.


AWS S3 스토리지 서비스



2단계: S3 버킷 생성

버킷을 웹 사이트의 저장 장치로 생각하십시오. '버킷 생성' 버튼을 클릭하세요. 여기에서 버킷 이름을 지정하고(일반적으로 단순화를 위해 도메인 이름과 일치해야 하지만 원하는 대로 이름을 지정해도 괜찮습니다), 대상 고객과 가장 가까운 지역을 선택하고 지금은 기본 설정을 따릅니다.


S3 버킷 생성


  • 버킷 이름 지정 : S3 콘솔에서 파란색 '버킷 생성' 버튼을 클릭합니다. 버킷 이름을 묻는 창이 나타납니다. 일관성을 위해 도메인과 밀접하게 일치하는 이름을 선택하세요.


  • 지역 선택 : 대기 시간을 최소화하려면 청중과 가까운 지역을 선택하세요. 각 지역은 특정 지리적 영역에 해당합니다. 개인적으로 저는 미국에 거주하고 있으며 AWS의 SSL 인증 프로세스에 도움이 되기 때문에 항상 미국 동부 지역을 선호합니다(자세한 내용은 다음 섹션에서 설명).



  • 설정 검토 : 기본적으로는 많은 설정이 괜찮지만 각 옵션을 살펴보고 익숙해지세요. 여기서는 많이 조정할 필요가 없지만 향후 문제 해결 및 조정을 위해서는 친숙함이 중요합니다.


3단계: 버킷 구성

버킷이 준비되면 이제 일부 구성을 수행할 차례입니다. 버킷을 공개(기본적으로 비공개)로 설정하여 사람들이 웹 사이트를 볼 수 있도록 속성과 권한을 설정합니다. 또한 여기에서 기능을 활성화하고 색인 및 오류 문서를 지정하여 정적 웹 사이트 호스팅을 설정하게 됩니다.


  • 공개 액세스 설정 : 사용자가 버킷 파일에 액세스하도록 허용하려면 "모든 공개 액세스 차단"을 선택 취소하세요. 이것이 액세스를 허용하는 게시물의 모습입니다.




4단계: 콘텐츠 업로드 및 공개

모든 설정이 완료되면 웹 사이트의 파일을 버킷에 업로드할 수 있습니다. HTML, CSS 및 기타 파일을 S3 버킷에 끌어서 놓거나 수동으로 업로드하기만 하면 됩니다.


  • 웹사이트 파일 업로드 : 정적 웹사이트 파일을 새 버킷에 업로드합니다. AWS CLI를 사용하거나 "객체" 탭에서 "업로드" 옵션을 선택하여 이 작업을 수행할 수 있습니다. 개인적으로 저는 항상 업로드 옵션을 사용합니다.





  • 정적 웹사이트 호스팅 활성화 : 버킷의 '속성' 탭으로 이동하여 '정적 웹사이트 호스팅'으로 스크롤합니다. “편집”을 클릭하고 정적 웹사이트 호스팅을 활성화한 다음 “index” 텍스트 필드에 기본 페이지 이름(일반적으로 'index.html')을 입력합니다. 변경 사항을 저장하는 것을 잊지 마세요!



  • 공개 액세스 권한 부여 : '권한' 탭으로 이동하여 버킷 정책을 추가하여 버킷에 대한 공개 읽기 액세스 권한을 부여합니다(YOUR-BUCKET-NAME을 변경하고 아래 제공된 코드를 추가하세요). 이 정책을 사용하면 인터넷상의 누구나 버킷에 있는 객체를 읽을 수 있으므로 데이터에 공개적으로 액세스할 수 있는지 확인하십시오. 다른 변경 사항과 함께 정책을 저장하기 전에 정책의 권한을 검토하고 이해하십시오.


 { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow", "Principal": "*", "Action": [ "s3:GetObject" ], "Resource": [ "arn:aws:s3:::YOUR-BUCKET-NAME/*" ] } ] } 



5단계: 라이브 사이트 테스트

AWS는 호스팅된 콘텐츠에 대한 고유한 엔드포인트를 제공합니다. 이 링크를 클릭하면 모든 것이 정상이라면 정적 웹사이트가 살아있고 작동하는 것을 볼 수 있습니다!


그리고 거기에 있습니다! AWS로의 첫 번째 하강은 어려워 보일 수 있지만 이러한 단계를 통해 착륙은 물론 기지 설정도 완료했습니다. 다음 모험을 떠날 준비가 되셨나요? 다음 섹션에서 라이브로 진행하는 방법을 살펴보겠습니다.



AWS 엔드포인트에 라이브 웹사이트가 있습니다.



마침내 완료되었습니다: 귀하의 사이트가 활성화되었습니다!

(웹사이트를 성공적으로 호스팅하고 운영되는 모습을 확인하는 방법을 안내합니다.)


축하합니다. 거의 다 왔습니다! 이제 세심하게 설정한 AWS S3 버킷을 새 GoDaddy 도메인으로 지정하여 모든 것을 하나로 묶어 보겠습니다.


GoDaddy 도메인을 AWS S3 버킷으로 마이그레이션

1단계: AWS ACM으로 SSL 인증서 받기

  • AWS 인증서 관리자(ACM)를 엽니다.


  • "요청"을 클릭하여 새 인증서를 시작하고 "공용 인증서 요청"을 선택하세요.


  • 도메인 이름( www.your-domain.comyour-domain.com 을 추가하세요.


  • "DNS 유효성 검사"를 선택하십시오.


  • 인증서가 생성되면 ACM에서 두 개의 CNAME 레코드가 생성됩니다. 나중에 사용할 수 있도록 "CNAME 이름"과 "CNAME 값"을 모두 복사합니다.



2단계: GoDaddy에서 DNS 레코드 업데이트

  • GoDaddy 계정에 로그인하고 선택한 도메인의 도메인 설정으로 이동하세요.


  • "추가 설정"에서 "DNS 관리"로 이동합니다.


  • ACM에서 제공하는 CNAME 레코드를 추가합니다. 제공된 두 값 세트에 대해 이 단계를 반복합니다.


  • "유형"을 "CNAME"으로 설정합니다.


  • "이름"은 ACM에서 . your-domain.com CNAME 이름의 일부입니다 (이 경우 _95c3d23b4c008dfcadeed5b518ed3d1d.www & _2bb2bfda7c66af8c036422465b415a8c로 만듭니다).


  • "값"은 ACM의 "CNAME 값"입니다(있는 그대로 복사).


  • "TTL"을 "기본값"으로 설정합니다.


aryanswebsite.com의 경우(귀하의 값은 다를 수 있음)



  • 이러한 변경 사항이 전파되고 인증서가 검증될 때까지 잠시 기다려 주십시오.


발급 및 검증된 SSL 인증서


3단계: AWS CloudFront 배포 생성

  • AWS에서 CloudFront 콘솔을 엽니다.



  • " 배포물 만들기 "를 클릭하세요.


  • S3 버킷 웹 사이트 URL을 " 오리진 도메인 "으로 입력합니다(자동 제안 링크 사용 방지).



  • " 뷰어 프로토콜 정책 "에서 "HTTP를 HTTPS로 리디렉션"을 선택합니다.


  • ' 웹 애플리케이션 방화벽(WAF)' 에서 '보안 보호 활성화'를 선택합니다.


  • ' 설정 ' 아래에서 선호하는 웹사이트 URL( www.your-domain.comyour-domain.com )에 대해 ' 대체 도메인 이름(CNAME) '을 추가하세요.


  • " Custom SSL Certificate(사용자 지정 SSL 인증서 )"에서 이전에 생성된 ACM 인증서를 선택합니다.



  • 배포 생성 프로세스를 완료하고 배포될 때까지 기다립니다(보통 5~10분).


CloudFront 배포 시작 및 실행 중


4단계: 도메인을 CloudFront로 지정 및 최종 조정

안타깝게도 GoDaddy의 표준 DNS 서비스는 CloudFront에 대한 직접적인 ALIAS 또는 ANAME 레코드를 지원하지 않습니다. 따라서 가장 좋은 방법은 www 하위 도메인에 대한 CNAME을 설정한 다음 루트 도메인을 www 하위 도메인으로 리디렉션하는 것입니다. www에 대한 CNAME이 이미 있으므로 수정해 보겠습니다.


  • CloudFront 도메인 검색: dxxxxxxxxxxxxx.cloudfront.net 과 유사하게 배포 생성 시 제공된 CloudFront 도메인 이름을 기록해 두십시오.


  • 루트 도메인 레코드 업데이트: GoDaddy의 표준 DNS는 루트 도메인의 CloudFront를 직접 가리키는 ALIAS 또는 ANAME 레코드를 지원하지 않습니다. 이 문제를 해결하려면 www 하위 도메인에 대한 CNAME을 설정하고 루트를 www 로 리디렉션하세요.


  • www에 대한 CNAME 조정: www 하위 도메인에 대한 기존 CNAME 레코드를 수정합니다.

  1. 유형: CNAME

  2. 이름: www

  3. 데이터: [CloudFront 도메인 이름]

  4. TTL: 1시간(원하는 대로 조정)


  • 루트 도메인 전달 설정: 루트 도메인에서 www 하위 도메인으로 트래픽을 리디렉션하는 전달을 구현합니다.
  1. GoDaddy 대시보드에서 도메인의 DNS 관리로 이동하세요.
  2. "전달" 섹션을 찾아 "도메인" 전달을 추가하세요.
  3. 전달: www.your-domain.com
  4. 리디렉션 유형: 301(영구)
  5. 설정: 전달만


  • 기타 레코드 처리: 기존 NS, SOA 및 _domainconnect 레코드를 변경 없이 유지합니다.


  • 전파 시간 고려 사항: 이러한 DNS 조정 후 전파에는 약간의 시간이 필요할 수 있으며 잠재적으로 즉시에서 몇 시간까지 걸릴 수 있습니다. 다음과 같은 도구를 활용하세요. DNS 검사기 전 세계적으로 전파 상태를 모니터링합니다.


전파가 완료되면 your-domain.com 또는 www.your-domain.com 에 액세스하면 사용자가 HTTPS를 통해 안전하게 CloudFront에 호스팅된 사이트로 연결됩니다.


그리고 우리는 끝났습니다!!


웹마스터: 빛나는 새 사이트를 위한 원활한 업데이트

(새로 호스팅된 웹사이트 업데이트 및 유지 관리에 대한 지침)


AWS S3에 호스팅된 정적 웹 사이트를 업데이트하는 과정은 간단합니다. 사이트를 최신 상태로 유지하려면 다음 단계를 따르세요.

1단계: AWS S3에 액세스

  • AWS 콘솔에 로그인합니다.
  • S3 서비스로 이동합니다.
  • 웹사이트를 호스팅하는 버킷을 엽니다.

2단계: 웹사이트 파일 업데이트하기

  • 기존 파일을 업데이트하려면:
  • 교체하려는 파일로 이동합니다.
  • 동일한 이름의 파일을 업로드하여 이 파일을 덮어쓰거나 기존 파일을 삭제하고 새 버전을 업로드하세요.
  • 새 파일을 추가하려면 버킷 내 관련 디렉터리에 업로드하면 됩니다.

3단계: 파일 권한(필요한 경우)

  • 새 파일을 업로드할 때 해당 권한이 올바르게 설정되었는지 확인하세요.
  • 버킷이 공개인 경우 방문자가 액세스할 수 있도록 일반적으로 새 파일을 '공개 읽기'로 설정해야 합니다.

4단계: 캐시 지우기(CloudFront를 사용하는 경우)

  • 콘텐츠 전송을 위해 AWS CloudFront를 활용하는 경우 캐싱으로 인해 업데이트가 즉시 반영되지 않을 수 있다는 점을 기억하세요.
  • 업데이트된 콘텐츠가 표시되도록 캐시를 지우려면 무효화를 생성해야 할 수도 있습니다.
  • CloudFront 배포로 이동하고 '무효화' 탭으로 이동한 후 업데이트된 파일의 경로를 입력하여 무효화를 생성합니다(모든 파일을 무효화하려면 /* 사용).

5단계: 테스트

  • 파일과 설정을 업데이트한 후 웹사이트를 방문하여 변경 사항이 적용되고 예상대로 작동하는지 확인하세요.
  • 다양한 장치와 브라우저에서 테스트하여 호환성과 적절한 표시를 확인하세요.


축하 시간: 라이브입니다!

디지털 물결을 성공적으로 탐색하여 빛나는 새 웹사이트를 개설한 것을 축하합니다! 귀하의 가상 부동산은 이제 안전하고 신속하게 전 세계 방문객을 맞이할 준비가 되어 있습니다.


이 여정은 겉보기에는 험난해 보이지만 GoDaddy를 통한 도메인 등록부터 AWS S3의 안전한 정적 웹 사이트 호스팅, 추가 속도 및 보안 계층을 위해 CloudFront를 사용한 배포에 이르기까지 모든 과정을 완료했습니다. 당신의 성공을 응원합니다! 🚀🎉