이것은 개인적인 것입니다.  어느 금요일 저녁이었고 저는 '간단한' 목표를 가지고 있었습니다. 바로   도메인을 사용하여   에서 정적 웹 사이트를 호스팅하는 것이었습니다. 내 말은, 얼마나 어려울 수 있겠습니까? 10개의 기사, 4개의 튜토리얼, 2개의 비디오, 그리고 인터넷이 제공하는 모든 것을 시도하는 데 하루 종일 걸렸다는 점을 고려하면 꽤 그럴 것 같습니다. GoDaddy AWS S3  하지만 걱정하지 마세요! 당신의 여행은 훨씬 더 순조로워질 것입니다. 눈에 띄는 도메인을 확보하는 첫 번째이자 기본적인 단계부터 시작하여 이 모험을 함께 시작해 보세요.  콘텐츠 개요  GoDaddy: 인터넷 파이 조각을 안전하게 보호하세요!  Amazon Web Services: 웹사이트가 최고 수준으로 발전하는 곳  GoDaddy 도메인을 AWS S3 버킷으로 마이그레이션  웹마스터: 빛나는 새 사이트를 위한 원활한 업데이트  축하 시간: 라이브입니다!   GoDaddy: 인터넷 파이 조각을 안전하게 보호하세요!   (GoDaddy를 통해 개인 도메인을 획득하고 설정하는 방법을 알아보세요.)  그래서 당신은 웹에 자신만의 작은 코너를 만들기로 결정했습니다. 앞으로는 신나는 시간이 될 것입니다! 기본 사항부터 시작해 보겠습니다.   . 도메인 획득  1단계: 도메인 선택  귀하 또는 귀하의 프로젝트를 잘 나타내는 고유하고 기억에 남는 도메인 이름을 브레인스토밍하는 것부터 시작하십시오. 짧고, 달콤하고, 철자하기 쉽게 유지하세요. 몇 가지 옵션을 염두에 두고 나면 이제 GoDaddy 웹사이트로 이동해 보세요.   2단계: 검색 및 선택  GoDaddy 홈페이지의 검색창에 원하는 도메인 이름을 입력하세요. 첫 번째 선택을 했다면 절망하지 마세요! GoDaddy에서는 대체 제안을 제공하거나 초기 아이디어를 변형해 볼 수 있습니다. 마음에 드는 사용 가능한 도메인을 찾으면   버튼을 클릭하여 장바구니에 추가하세요.  Make it Yours  3단계: 맞춤화 및 결제  GoDaddy에서는 개인정보 보호 및 업무용 이메일 주소(<사용자 이름>@yourdomain)와 같은 다양한 추가 기능과 옵션을 제공합니다. 이러한 제품을 검토하고 필요에 맞는 제품을 선택한 후 결제를 진행하세요. 거래를 완료하면 짜잔, 도메인이 귀하의 것이 됩니다!   4단계: 설정 및 구성  이제 도메인을 소유한 상태에서 원하는 URL에 도메인이 표시되기 전에 몇 가지 설정 단계와 변경 사항이 있을 수 있습니다. 도메인 설정을 구성하고 이를 호스팅(다음에 자세히 설명)에 연결한 다음 출시를 위한 모든 것이 최상의 상태인지 확인하세요. 이 설정 부분에서는 도메인의 DNS 레코드 및 전달 규칙을 방문하게 됩니다.   이로써 귀하는 GoDaddy를 통해 인터넷 파이를 성공적으로 확보하게 되었습니다! 디지털 여정의 다음 단계인 AWS S3를 사용한 호스팅을 진행하는 동안 계속 지켜봐 주시기 바랍니다.   Amazon Web Services: 웹사이트가 최고 수준으로 발전하는 곳   (Amazon Web Services의 S3에서 웹 사이트를 호스팅하는 방법을 소개합니다.)  인터넷 강국에 오신 것을 환영합니다.  . 웹이 바다라면 AWS는 가장 강력한 선박이 될 것입니다. 이제 귀하는 웹 사이트를 스타일리쉬하게 호스팅하기 위해 승선하실 것입니다.    아마존 웹 서비스(AWS)  1단계: AWS 환경 탐색  AWS는 초보자에게 부담스러울 수 있는 수많은 서비스를 제공하는 광대한 곳입니다. 기존 AWS 계정에 로그인하거나 새 계정을 생성하십시오.    : AWS에 처음 로그인하면 AWS Management Console이 나타납니다. AWS 서비스의 제어 센터이므로 잠시 시간을 내어 레이아웃을 살펴보세요. 모든 AWS 제품의 허브인 왼쪽 상단의 '서비스' 드롭다운을 확인하세요.  익숙해지기    : '서비스' 드롭다운 아래 '스토리지' 카테고리에 'S3'이 나열되어 있습니다. 'S3'을 클릭하여 정적 웹사이트 호스팅을 관리할 S3 콘솔로 들어갑니다.  S3 찾기  2단계: 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 S3 버킷을 새 GoDaddy 도메인으로 지정하여 모든 것을 하나로 묶어 보겠습니다.  GoDaddy 도메인을 AWS S3 버킷으로 마이그레이션  1단계: AWS ACM으로 SSL 인증서 받기  AWS 인증서 관리자(ACM)를 엽니다.   "요청"을 클릭하여 새 인증서를 시작하고 "공용 인증서 요청"을 선택하세요.  도메인 이름(   및   을 추가하세요. www.your-domain.com your-domain.com  "DNS 유효성 검사"를 선택하십시오.   인증서가 생성되면 ACM에서 두 개의 CNAME 레코드가 생성됩니다. 나중에 사용할 수 있도록 "CNAME 이름"과 "CNAME 값"을 모두 복사합니다.   2단계: GoDaddy에서 DNS 레코드 업데이트  GoDaddy 계정에 로그인하고 선택한 도메인의 도메인 설정으로 이동하세요.  "추가 설정"에서 "DNS 관리"로 이동합니다.  ACM에서 제공하는 CNAME 레코드를 추가합니다. 제공된 두 값 세트에 대해 이 단계를 반복합니다.  "유형"을 "CNAME"으로 설정합니다.  "이름"은 ACM에서     (이 경우 _95c3d23b4c008dfcadeed5b518ed3d1d.www & _2bb2bfda7c66af8c036422465b415a8c로 만듭니다). .   your-domain.com CNAME 이름의 일부입니다  "값"은 ACM의 "CNAME 값"입니다(있는 그대로 복사).  "TTL"을 "기본값"으로 설정합니다.   이러한 변경 사항이 전파되고 인증서가 검증될 때까지 잠시 기다려 주십시오.   3단계: AWS CloudFront 배포 생성  AWS에서 CloudFront 콘솔을 엽니다.   "   "를 클릭하세요. 배포물 만들기  S3 버킷 웹 사이트 URL을 "   "으로 입력합니다(자동 제안 링크 사용 방지).  오리진 도메인  "   "에서 "HTTP를 HTTPS로 리디렉션"을 선택합니다. 뷰어 프로토콜 정책  '   에서 '보안 보호 활성화'를 선택합니다. 웹 애플리케이션 방화벽(WAF)'  '   ' 아래에서 선호하는 웹사이트 URL(   및   )에 대해 '   '을 추가하세요. 설정 www.your-domain.com your-domain.com 대체 도메인 이름(CNAME)  "   )"에서 이전에 생성된 ACM 인증서를 선택합니다.  Custom SSL Certificate(사용자 지정 SSL 인증서  배포 생성 프로세스를 완료하고 배포될 때까지 기다립니다(보통 5~10분).   4단계: 도메인을 CloudFront로 지정 및 최종 조정  안타깝게도 GoDaddy의 표준 DNS 서비스는 CloudFront에 대한 직접적인 ALIAS 또는 ANAME 레코드를 지원하지 않습니다. 따라서 가장 좋은 방법은 www 하위 도메인에 대한 CNAME을 설정한 다음 루트 도메인을 www 하위 도메인으로 리디렉션하는 것입니다. www에 대한 CNAME이 이미 있으므로 수정해 보겠습니다.      과 유사하게 배포 생성 시 제공된 CloudFront 도메인 이름을 기록해 두십시오. CloudFront 도메인 검색: dxxxxxxxxxxxxx.cloudfront.net    GoDaddy의 표준 DNS는 루트 도메인의 CloudFront를 직접 가리키는 ALIAS 또는 ANAME 레코드를 지원하지 않습니다. 이 문제를 해결하려면   하위 도메인에 대한 CNAME을 설정하고 루트를   로 리디렉션하세요. 루트 도메인 레코드 업데이트: www www      하위 도메인에 대한 기존 CNAME 레코드를 수정합니다. www에 대한 CNAME 조정: www  유형: CNAME  이름: www  데이터: [CloudFront 도메인 이름]  TTL: 1시간(원하는 대로 조정)    루트 도메인에서   하위 도메인으로 트래픽을 리디렉션하는 전달을 구현합니다. 루트 도메인 전달 설정: www  GoDaddy 대시보드에서 도메인의 DNS 관리로 이동하세요.  "전달" 섹션을 찾아 "도메인" 전달을 추가하세요.  전달:  www.your-domain.com  리디렉션 유형: 301(영구)  설정: 전달만     기존 NS, SOA 및   레코드를 변경 없이 유지합니다. 기타 레코드 처리: _domainconnect    이러한 DNS 조정 후 전파에는 약간의 시간이 필요할 수 있으며 잠재적으로 즉시에서 몇 시간까지 걸릴 수 있습니다. 다음과 같은 도구를 활용하세요.  전 세계적으로 전파 상태를 모니터링합니다. 전파 시간 고려 사항:   DNS 검사기  전파가 완료되면   또는   에 액세스하면 사용자가 HTTPS를 통해 안전하게 CloudFront에 호스팅된 사이트로 연결됩니다.  your-domain.com www.your-domain.com   웹마스터: 빛나는 새 사이트를 위한 원활한 업데이트   (새로 호스팅된 웹사이트 업데이트 및 유지 관리에 대한 지침)  AWS S3에 호스팅된 정적 웹 사이트를 업데이트하는 과정은 간단합니다. 사이트를 최신 상태로 유지하려면 다음 단계를 따르세요.  1단계: AWS S3에 액세스  AWS 콘솔에 로그인합니다.  S3 서비스로 이동합니다.  웹사이트를 호스팅하는 버킷을 엽니다.  2단계: 웹사이트 파일 업데이트하기  기존 파일을 업데이트하려면:  교체하려는 파일로 이동합니다.  동일한 이름의 파일을 업로드하여 이 파일을 덮어쓰거나 기존 파일을 삭제하고 새 버전을 업로드하세요.  새 파일을 추가하려면 버킷 내 관련 디렉터리에 업로드하면 됩니다.  3단계: 파일 권한(필요한 경우)  새 파일을 업로드할 때 해당 권한이 올바르게 설정되었는지 확인하세요.  버킷이 공개인 경우 방문자가 액세스할 수 있도록 일반적으로 새 파일을 '공개 읽기'로 설정해야 합니다.  4단계: 캐시 지우기(CloudFront를 사용하는 경우)  콘텐츠 전송을 위해 AWS CloudFront를 활용하는 경우 캐싱으로 인해 업데이트가 즉시 반영되지 않을 수 있다는 점을 기억하세요.  업데이트된 콘텐츠가 표시되도록 캐시를 지우려면 무효화를 생성해야 할 수도 있습니다.  CloudFront 배포로 이동하고 '무효화' 탭으로 이동한 후 업데이트된 파일의 경로를 입력하여 무효화를 생성합니다(모든 파일을 무효화하려면   사용). /*  5단계: 테스트  파일과 설정을 업데이트한 후 웹사이트를 방문하여 변경 사항이 적용되고 예상대로 작동하는지 확인하세요.  다양한 장치와 브라우저에서 테스트하여 호환성과 적절한 표시를 확인하세요.   축하 시간: 라이브입니다!  디지털 물결을 성공적으로 탐색하여 빛나는 새 웹사이트를 개설한 것을 축하합니다! 귀하의 가상 부동산은 이제 안전하고 신속하게 전 세계 방문객을 맞이할 준비가 되어 있습니다.  이 여정은 겉보기에는 험난해 보이지만 GoDaddy를 통한 도메인 등록부터 AWS S3의 안전한 정적 웹 사이트 호스팅, 추가 속도 및 보안 계층을 위해 CloudFront를 사용한 배포에 이르기까지 모든 과정을 완료했습니다. 당신의 성공을 응원합니다! 🚀🎉

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

Embarking on a Tech Odyssey: My Journey from ‘Horrible’ to ‘Less Horrible’

Read My Stories

이 오디오는 이야기의 원래 언어로 제작되었습니다!

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

About Author

코멘트

태그 걸기

이 기사는 다음에서 발표되었습니다.

Related Stories

텔레그램: 크립토 아일랜드에서 본토로 연결되는 다리

작업 흐름을 10배 향상하는 방법: 17가지 필수 앱

HackerNoon 글쓰기 대회에서 우승하고 싶으신가요? #crypto-api 대회 우승자들이 추천하는 내용은 다음과 같습니다.

탭하여 수익 창출: 텔레그램에서 솔라나 이전에 100억 명의 암호화폐 사용자를 확보할 수 있음

텔레그램: 크립토 아일랜드에서 본토로 연결되는 다리

작업 흐름을 10배 향상하는 방법: 17가지 필수 앱

HackerNoon 글쓰기 대회에서 우승하고 싶으신가요? #crypto-api 대회 우승자들이 추천하는 내용은 다음과 같습니다.

탭하여 수익 창출: 텔레그램에서 솔라나 이전에 100억 명의 암호화폐 사용자를 확보할 수 있음

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps