본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

웹사이트를 온라인에서 접근 가능하게 만들려면 프로젝트를 Publish해야 합니다. 오른쪽 상단의 Publish 버튼을 클릭하면 사이트 호스팅이 시작됩니다. Publish가 완료되면 Publish 시트에서 URL을 확인할 수 있습니다. 프로젝트에 변경 사항이 생기면 “Update” 버튼을 눌러 언제든 다시 퍼블리시할 수 있습니다.

무료 커스텀 도메인 추가

기본적으로 웹사이트는 Framer 서브도메인에 호스팅되며, 이 주소는 직접 변경할 수 없습니다. 그러나 다음 옵션 중 하나를 사용해서 커스텀 도메인을 추가할 수 있습니다.

1. 무료 Framer 서브도메인 추가하기

2. 소유한 외부 도메인 연결

첫 번째 옵션은 무료이며, Framer가 자동으로 DNS 설정을 구성해 몇 초 안에 도메인이 연결됩니다. 원하는 문자열을 입력하고, 도메인 옵션 중 하나(framer.website, framer.photos, framer.media, framer.wiki)를 선택한 뒤 제출하면 됩니다.

외부 도메인 연결하기

웹 호스팅 서비스에서 구매한 커스텀 도메인으로 Framer 웹사이트를 Publish하려면 다음 단계를 따르세요.

1. Cloudflare 또는 GoDaddy 같은 제공업체에서 도메인을 구매합니다.

2. 사이트 설정(Site Settings)의 ”Domains” 페이지로 이동해 “Connect a domain you own”을 선택합니다.

3. 도메인을 입력하고, Framer에서 제공하는 DNS 레코드를 도메인 제공업체의 DNS 설정에 추가합니다.

대부분의 도메인 등록기관은 별도의 DNS 관리 패널을 제공합니다. 일반적으로 Domain Settings에서 DNS Records 항목을 찾을 수 있습니다. 아래는 주요 등록기관별 가이드입니다.

• NameCheap: A Record와 CNAME

• GoDaddy: A Record와 CNAME

• Ionos 1&1: A Record와 CNAME

• Gandi: A Record와 CNAME

• Cloudflare: A Record와 CNAME

• Porkbun: A Record와 CNAME

도메인 구성

naked 혹은 apex 도메인(예: example.com)을 설정하려면 DNS 설정에서 두 개의 A Record와 하나의 CNAME을 구성해야 합니다.

• A Record: Framer가 제공하는 고정 IPv4 주소 사용

• CNAME Record: 도메인의 “www” 버전으로 리디렉션할 때 사용

Framer 웹사이트에 필요한 레코드는 프로젝트 설정의 Domains 탭에서도 확인할 수 있습니다. 도메인에 다른 A Record나 AAAA Record가 설정되어 있지 않은지 확인하세요. 이 값들이 Framer 설정과 충돌할 수 있습니다.
Note: naked, apex 도메인은 앞에 www. 같은 접두사가 없는 도메인을 말해요.

서브도메인 구성

서브도메인(예: subdomain.example.com)을 설정하려면 DNS 설정에서 CNAME 레코드를 생성해야 합니다. 일부 DNS 제공업체는 끝에 점(.)을 요구할 수 있습니다(예: sites.framer.app.). 제공업체에 따라 전체 서브도메인이나 서브도메인 부분만 입력하면 됩니다.

변경 사항 확인

DNS 변경 사항은 전 세계적으로 전파되는 데 최대 48시간이 걸릴 수 있지만, 일반적으로 더 빠르게 적용됩니다. 도메인이 연결되면 새 도메인을 통해 웹사이트에 접속할 수 있습니다.

문제가 계속된다면 Framer연락처 페이지를 통해 문의해 주세요.

본 글은 Framer 공식 블로그의 ‘How to connect a custom domain’을 번역·각색한 콘텐츠입니다.