[Dev] 도메인 구매와 호스팅 (squarespace, vercel)

조수현·2025년 10월 12일

서론

포트폴리오 배포 시 vercel.app 이렇게 있는 것보다는
나를 나타내는 도메인으로 배포하면 좀 더 있어 보이지 않을까 하며 예전에 도메인을 사두고 배포했었다
처음 도메인을 구매하는 방법을 적어보려고 한다!

도메인 구매

  • 내가 구매할 때는 구글 도메인이었는데 몇 년 전에 squarespace라는 호스팅 서비스로 통합됐다
  • 원하는 호스트 이름을 작성하면 호스트 이름의 길이에 따라 (짧을 수록 비쌈) 그리고 뒤에 도메인 이름에 따라 가격이 달라진다
  • 일 년마다 정기 결제이므로 고려하여 필요할 때만 사용하도록 한다. 1년 주기로 돈 나가면 너무 갑작스럽고 적요가 영어로 해외 결제로 찍혀서 깜짝 놀라기 때문에 잘 챙기기
  • 버셀에서도 도메인 구매가 가능하니 버셀 배포사이트라면 그 편이 훨씬 간편할 것 같다

  • 찾아보니까 이렇게 국내 사이트도 있음!
  • 이 글에서 따로 설명을 하진 않지만 익숙한 한국어 사이트에서 구매해도 좋을 것 같다 (해외 결제는 뭔가 싫음...)

도메인 설정

  • 도메인을 구매했다면 이제 이 도메인으로 접속했을때 사이트를 보여줄 수 있도록 호스팅해야한다!

Vercel 설정

  • 일단 버셀로 배포가 되어있어야 한다
  • 버셀로 프로젝트를 배포했다면 프로젝트 설정 페이지에서 Domains
  • Add domain에서 도메인 설정하면 cname이 나옴

  • www.hostname.abc의 형태와 hostname.abc 두 가지 다 지원할 수 있도록 설정할 수 있어서 그렇게 하도록 했다

Squrespace 설정

  • 도메인 사이트에서 호스팅에 쓸 도메인의 설정페이지 >DNS 설정
  • custom records에서 add record로 vercel에 나왔던 값들을 각각 설정해 준다
  • www가 있는 경우와 없는 경우여서 이름을 저렇게 했는데 괜찮은진 모르겠다... 일단 앞선 나의 포트폴리오에선 정상 동작했다

Vercel에서 인증

  • 다시 vercel로 돌아와 verify를 해줘야 한다!
  • 그럼 바로 적용은 아니고 기다리면 호스팅 된 것을 확인할 수 있다

[사진 올릴 예정,,,]

배포

  • 좀 기다려야 변경되기 때문에...일단 나의 포트폴리오 사이트부터 보여드립니다...
  • 내 포트폴리오 사이트다!

마무리

급하게 쓴 글이라 죄송합니다...

profile
프론트엔드 개발 블로그

0개의 댓글