바이브 코딩 랜딩페이지바이브 코딩

바이브 코딩으로 랜딩페이지 만들기 ⑤ - 내 도메인 연결하고 SSL 설정 마무리하기

바이브 코딩으로 랜딩페이지 만들기 ⑤ - 내 도메인 연결하고 SSL 설정 마무리하기

이번 편에서 할 것

지난 편에서 랜딩페이지를 인터넷에 올렸어요. 하지만 지금은 Amplify가 자동으로 만들어준 복잡한 주소로만 접속할 수 있어요. 이번 편에서는 내가 구매한 도메인(예: mysite.com)을 연결하고, 주소창에 자물쇠 아이콘이 뜨는 보안 인증(HTTPS)까지 적용해서 진짜 서비스처럼 마무리할 거예요. 이 단계를 끝내면 시리즈가 완성돼요!

단계별 실습

① 도메인 구매하기

도메인은 인터넷 주소예요. 예를 들어 'myshop.com' 같은 주소를 직접 구매할 수 있어요. 가비아(gabia.com), Cloudflare(cloudflare.com), 고대디(godaddy.com) 같은 서비스에서 원하는 주소를 검색하고 구매하면 돼요. 보통 1년에 1~2만 원 정도예요. 도메인을 구매한 뒤 다음 단계로 넘어가요.

② Amplify에 도메인 연결하기

Amplify 관리 화면에서 '도메인 관리'를 클릭해요. 여기서 방금 구매한 도메인 주소를 입력하면, Amplify가 연결에 필요한 설정 정보를 알려줘요. 이 정보를 도메인을 구매한 사이트(가비아 등)에 입력해야 해요.

③ 도메인 주소 연결 설정하기 (DNS 설정)

DNS는 도메인 주소가 어느 서버로 연결될지 알려주는 설정이에요. 전화번호부처럼 'mysite.com → AWS 서버'라고 연결해주는 역할을 해요. Amplify가 알려준 설정값을 도메인 구매 사이트의 DNS 설정 화면에 그대로 입력하면 돼요. 설정 후 최대 24~48시간 안에 적용되는데, 보통은 1~2시간 내로 완료돼요.

④ 보안 인증(HTTPS) 적용 확인하기

HTTPS는 주소창에 자물쇠 아이콘이 뜨는 보안 연결이에요. 방문자 정보를 안전하게 보호하고, 검색 노출(SEO)에도 유리해요. Amplify는 도메인을 연결하면 이 보안 인증을 자동으로 발급해줘요. 도메인 연결 후 Amplify 화면에서 '인증서 발급됨'이라고 표시되면 정상이에요.

⑤ 최종 점검하고 운영 시작하기

이제 내 도메인으로 접속해서 최종 점검을 해볼게요. 스마트폰으로도 열어보고, 주소창에 자물쇠가 뜨는지 확인하고, 페이지 로딩 속도도 체크해요. 이상 없으면 시리즈 B가 완성된 거예요! 이제 여러분은 코딩을 몰라도 AI와 함께 랜딩페이지를 처음부터 끝까지 만들고 운영하는 방법을 익혔어요.

이번 편 완성 확인

  • 도메인 구매 후 Amplify에 연결했나요?
  • 내 도메인 주소로 접속하면 랜딩페이지가 열리나요?
  • 주소창에 자물쇠 아이콘(HTTPS)이 표시되나요?

관련 글