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

웹사이트를 게시하는 방법

Framer에서 웹사이트를 게시하는 방법은 매우 간단합니다. 먼저 에디터 오른쪽 상단의 Publish 버튼을 클릭하면 사이트가 자동으로 framer.app 도메인으로 생성됩니다.

Note: 만약 사용자 커스텀 도메인을 사용하고 싶다면, 커스텀 도메인 연결 가이드를 따라 손쉽게 설정해보세요.

스테이징과 프로덕션

프로 요금제 이상에서는 스테이징(Staging) 환경을 사용할 수 있습니다.

편집기의 Staging 탭으로 이동하면 변경 사항을 실제 배포 전 미리 테스트할 수 있고, 모든 준비가 완료되면 Production 탭으로 전환하여 Latest Deployed 버튼을 눌러 실시간으로게시할 수 있습니다.

게시 전 변경사항 검토

사이트를 게시하기 전에 Changes의 View버튼을 클릭하면 편집 내용 목록과 해당 편집을 한 사용자의 프로필 이미지를 볼 수 있습니다. 해당 과정을 통해 배포 전 모든 변경 내용을 꼼꼼히 검토할 수 있습니다.

사이트 최적화 확인

게시 후에는 사이트 최적화 상태를 확인할 수 있습니다. 에디터 하단의 Optimized 텍스트를 살펴보세요. 파란색 또는 보라색일 때는 사이트가 완전히 최적화된 상태이며, 빨간색일 경우에는 수정이 필요하다는 의미입니다.

빨간색 텍스트를 클릭하면 문제(예: 중첩된 링크 수정이나 코드 오류)가 발생한 부분으로 바로 이동할 수 있습니다.

이처럼 Framer는 최적화 문제를 시각적으로 알려주어 빠르게 해결할 수 있게 돕습니다. 만약 문제가 복잡하거나 해결이 어렵다면, Framer의 문의 페이지를 통해 도움을 받을 수 있습니다.

본 글은 Framer 공식 블로그의 ‘Publishing your Framer website’을 번역·각색한 콘텐츠입니다.