사이트 게시

Lottie 애니메이션이 들어 있는 Framer 사이트를 미리 보고 게시한 뒤 검증하세요.

플러그인은 애니메이션을 준비하고 플레이어를 삽입합니다. 사이트 미리 보기, 스테이징, 프로덕션 게시, 도메인은 Framer에서 관리합니다.

게시 전 미리 보기

Framer Preview를 열고 다음 항목을 테스트하세요.

  • 페이지에서 사용하는 데스크톱 및 모바일 너비

  • 첫 프레임, 전체 재생, 반복 경계

  • 테마를 설정한 경우 라이트 및 다크 모드

  • 상태 머신의 포인터 및 터치 경로

  • 페이지를 벗어났다가 다시 돌아오는 동작

  • 애니메이션 주변이나 위에 있는 페이지 컨트롤

게시

  1. Framer 프로젝트의 변경 사항을 검토합니다.

  2. 생성된 framer.app URL 또는 팀의 스테이징 환경에 게시합니다.

  3. 승인되면 검토한 같은 버전을 프로덕션에 배포합니다.

호스팅, 스테이징, 프로덕션, 도메인 컨트롤은 Framer의 최신 게시 가이드를 참고하세요.

Lottie 애니메이션이 있는 Framer 캔버스와 열린 게시 컨트롤
검토한 Framer 프로젝트를 게시하거나 업데이트합니다

실제 페이지 검증

게시된 URL을 새 브라우저 탭에서 엽니다. 플레이어 원본이 로그인 없이 불러와지고, 애니메이션이 빈 프레임으로 바뀌지 않으며, 인터랙티브 동작이 Preview와 같은지 확인하세요.

애니메이션이 탐색이나 전환에 중요하다면 실제 모바일 기기에서도 확인합니다.

관련 문서

마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage