📝 배경
- 탑개미자원이라는 업체의 홍보를 위한 웹제작을 의뢰 받아 작업 마무리 후, vercel을 통해 배포하였습니다.
- 실제 서비스를 위해서 별도의 도메인이 필요하였고, 호스팅 케이알 이라는 플랫폼을 통해 "탑개미자원.com" 이라는 도메인을 구매하였습니다.
- 도메인 구매 후, 소유자정보 인증을 완료 한 뒤 vercel을 통해 배포한 프로젝트에 추가(연결)해야 하는 상황이었습니다.
🔍️ 문제 상황
- 혹시 모르시는 분들을 위해, vercel을 통해 도메인을 추가하는 과정은 아래의 사진을 참조해주세요.


- 여기서 문제가 발생하는데, vercel은 기본적으로 한글 도메인을 지원하지 않는다는 점입니다.

🔨 해결방안
- 해결 방법에는 크게 2가지 방법이 있습니다.
- 첫번째는 한글 도메인을 지원하는 AWS Route 53이나, Google Domains를 이용하는것.
- 두번째는 한글 도메인 을 퓨니코드(Punycode) 도메인으로 변환한 후에 이를 Vercel에 연결하는것.
- vercel에서 배포 및 도메인 적용을 한번에 처리하기 위해서, 두번째 방법으로 해결을 하였습니다.
- 이를 해결하기 위해선 우선 한글 도메인을 퓨니코드로 변환을 해야합니다.
- 저는 https://www.punycoder.com/ 여기를 통해 한글 도메인(유니코드)를 퓨니코드로 변환을 했습니다.

- 변환한 퓨니코드를 vercel 의 Domains 카테고리에 추가를 하면 정상적으로 도메인 추가가 됩니다.
- (물론 도메인 추가 후 DNS 레코드를 추가하거나 네임서버 변경을 통해 도메인을 웹 호스팅 서비스에 연결하셔야 합니다.)

🌱 결과
탑개미자원
고철, 비철, 철거 등 얼마까지 받을 수 있을까?
www.xn--h49au41a78h6vam25a.com
- 링크 주소를 확인 결과 정상적으로 연결이 된것을 확인 할 수 있습니다.
- 다만, 도메인 연결 후 초기 24~48시간 동안은 DNS 정보가 전파되는 동안 연결이 불안정 할 수 있는점 참고해주세요.
- 추가로, vercel로 배포 & 도메인 연결 시 Let's Encrypt를 통해 무료 SSL 인증서를 발급해주기 때문에 https로 자동 적용 됩니다!
'Project > 탑개미자원' 카테고리의 다른 글
[Next 14] Next.js에서 서버리스로 API 라우팅을 구현해보자. (feat. mongoDB) (0) | 2023.12.22 |
---|---|
[Framer Motion] 컴포넌트가 사라질때(언마운트시) 애니메이션 효과를 적용할 수 있을까? (0) | 2023.11.27 |
📝 배경
- 탑개미자원이라는 업체의 홍보를 위한 웹제작을 의뢰 받아 작업 마무리 후, vercel을 통해 배포하였습니다.
- 실제 서비스를 위해서 별도의 도메인이 필요하였고, 호스팅 케이알 이라는 플랫폼을 통해 "탑개미자원.com" 이라는 도메인을 구매하였습니다.
- 도메인 구매 후, 소유자정보 인증을 완료 한 뒤 vercel을 통해 배포한 프로젝트에 추가(연결)해야 하는 상황이었습니다.
🔍️ 문제 상황
- 혹시 모르시는 분들을 위해, vercel을 통해 도메인을 추가하는 과정은 아래의 사진을 참조해주세요.


- 여기서 문제가 발생하는데, vercel은 기본적으로 한글 도메인을 지원하지 않는다는 점입니다.

🔨 해결방안
- 해결 방법에는 크게 2가지 방법이 있습니다.
- 첫번째는 한글 도메인을 지원하는 AWS Route 53이나, Google Domains를 이용하는것.
- 두번째는 한글 도메인 을 퓨니코드(Punycode) 도메인으로 변환한 후에 이를 Vercel에 연결하는것.
- vercel에서 배포 및 도메인 적용을 한번에 처리하기 위해서, 두번째 방법으로 해결을 하였습니다.
- 이를 해결하기 위해선 우선 한글 도메인을 퓨니코드로 변환을 해야합니다.
- 저는 https://www.punycoder.com/ 여기를 통해 한글 도메인(유니코드)를 퓨니코드로 변환을 했습니다.

- 변환한 퓨니코드를 vercel 의 Domains 카테고리에 추가를 하면 정상적으로 도메인 추가가 됩니다.
- (물론 도메인 추가 후 DNS 레코드를 추가하거나 네임서버 변경을 통해 도메인을 웹 호스팅 서비스에 연결하셔야 합니다.)

🌱 결과
탑개미자원
고철, 비철, 철거 등 얼마까지 받을 수 있을까?
www.xn--h49au41a78h6vam25a.com
- 링크 주소를 확인 결과 정상적으로 연결이 된것을 확인 할 수 있습니다.
- 다만, 도메인 연결 후 초기 24~48시간 동안은 DNS 정보가 전파되는 동안 연결이 불안정 할 수 있는점 참고해주세요.
- 추가로, vercel로 배포 & 도메인 연결 시 Let's Encrypt를 통해 무료 SSL 인증서를 발급해주기 때문에 https로 자동 적용 됩니다!
'Project > 탑개미자원' 카테고리의 다른 글
[Next 14] Next.js에서 서버리스로 API 라우팅을 구현해보자. (feat. mongoDB) (0) | 2023.12.22 |
---|---|
[Framer Motion] 컴포넌트가 사라질때(언마운트시) 애니메이션 효과를 적용할 수 있을까? (0) | 2023.11.27 |