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

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

## 게시 전 미리 보기

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

- 페이지에서 사용하는 데스크톱 및 모바일 너비
- 첫 프레임, 전체 재생, 반복 경계
- 테마를 설정한 경우 라이트 및 다크 모드
- 상태 머신의 포인터 및 터치 경로
- 페이지를 벗어났다가 다시 돌아오는 동작
- 애니메이션 주변이나 위에 있는 페이지 컨트롤

{/* [screenshot:F20] 같은 애니메이션이 올바르게 실행되는 Framer Preview의 데스크톱 및 모바일 너비를 촬영하세요. */}

## 게시

1. Framer 프로젝트의 변경 사항을 검토합니다.
2. 생성된 `framer.app` URL 또는 팀의 스테이징 환경에 게시합니다.
3. 승인되면 검토한 같은 버전을 프로덕션에 배포합니다.

호스팅, 스테이징, 프로덕션, 도메인 컨트롤은 Framer의 최신 [게시 가이드](https://www.framer.com/help/articles/publishing-your-framer-website/)를 참고하세요.

<Image src="https://assets.docs.lottiefiles.com/static/e617905681-640.webp" alt="Lottie 애니메이션이 있는 Framer 캔버스와 열린 게시 컨트롤" caption="검토한 Framer 프로젝트를 게시하거나 업데이트합니다" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/e617905681-640.webp 640w, https://assets.docs.lottiefiles.com/static/e617905681-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/e617905681-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAo0lEQVR4nB3LvQ7BUABA4fuCNgujkc3fIiIhEbERiUlEaErb21bb1NIBMUj6CFaDxGIoKdEe0bOd4ROms2Ot22jSQbc8FNNjLl3mbkCx1kvEOQwp1DrkKg0UzeDf5RFzB1rjGSLYH8lXu5T6E1ZySxRFHC43TtcnzcEE8RdpmmYySRI+75hv/Mp+OJoiDMdHt330rY9meSw3JgtVokqHcr39/QFF838jCEvIdAAAAABJRU5ErkJggg==" />

## 실제 페이지 검증

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

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

## 관련 문서

- [게시된 애니메이션 업데이트](/ko/integrations/framer/05_insert-and-publish/updating-a-published-animation)
- [문제 해결](/ko/integrations/framer/06_reference/troubleshooting)