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

웹사이트를 운영할 때는 항상 사이트가 원활하게 작동하는 것이 중요합니다. 만약 사이트를 수정한 후 오류가 발생했다면, Framer의 Version History(버전 기록) 기능을 사용해 이전에 정상 작동하던 버전으로 쉽게 되돌릴 수 있습니다.

Version History로 콘텐츠 복원하기

Framer는 자동으로 프로젝트의 여러 시점별 버전을 저장하는데요. 바로 “Version History” 기능으로 이전 파일 버전의 콘텐츠를 복원할 수 있습니다.

접근 방법

1. 상단 왼쪽의 Framer 로고를 클릭하기

2. File → Version History 를 선택하기 (단축키: Mac에서는 ⇧ ⌘ H, Windows에서는 ⇧ Ctrl H)

이제 이전 버전 목록을 확인할 수 있습니다. 또한 Framer는 자동으로 Breakpoint를 가져오고 동일한 콘텐츠를 인식하여, 충돌 없이 통합할 수 있도록 도와줍니다.

자동 저장 주기

이전 버전은 미리보기 전용으로 열리며, 스냅샷으로 표시된다는 점을 참고해주세요.

• 최근 4시간 이내: 5분 간격

• 최근 24시간 이내: 1시간 간격

• 이후: 하루 단위로 저장

이 구조 덕분에 수많은 버전을 일일이 확인하지 않아도, 필요한 시점으로 빠르게 이동할 수 있습니다.
자세한 내용은 아카데미 영상을 참조하세요.

복원 전 안전한 테스트 환경 만들기

이전 버전에서 복사한 콘텐츠를 바로 라이브 사이트에 적용하기 전에, Staging 환경을 활용하는 것이 좋습니다. Staging은 실제 사이트의 복제본으로, 문제를 파악/해결하거나 변경 사항을 테스트 하는 등 사용자에게 영향을 주지 않고 미리 문제를 점검할 수 있는 환경입니다.

Staging 환경 설정 방법

1. Site Settings으로 이동하기

2. 왼쪽 메뉴에서 “Staging & Versions” 탭을 선택하기

3. Enable Staging 을 활성화하기

Staging에서 복원한 콘텐츠가 정상적으로 작동하는지 확인한 후, 문제가 없으면 Publish 버튼을 눌러 실제 사이트에 반영해보세요.

이 과정을 거치면 문제 발생 시에도 사용자 경험에 영향을 주지 않고 안정적으로 사이트를 복구할 수 있습니다. 해당 가이드를 따른 뒤에도 문제가 해결되지 않았다면, 연락처 페이지를 통해 추가적인 지원을 받아보세요.

본 글은 Framer 공식 블로그의 ‘How can I revert to a previous working version of my file’을 번역·각색한 콘텐츠입니다.