15. 미리보기로 결과 확인하기

👀 미리보기란?

'미리보기'는 지금 편집 중인 페이지가 실제 서비스 환경에서 고객에게 어떻게 보여지는지 새 탭을 띄워 확인해보는 기능이에요.

쇼핑몰에 정식으로 게시하기 전에 결과물을 실제와 똑같이 점검해 볼 수 있어서, 실수 없이 안전하고 완벽하게 화면을 완성할 수 있답니다. 상단 메뉴에 있는 [미리보기] 버튼을 클릭하시면 새 탭에서 미리보기 화면이 열려요!

🔍 미리보기의 특징

항목	설명
저장되지 않은 내용도 반영	편집 중인 최신 화면을 그대로 보여줘요. 아직 '저장' 버튼을 누르지 않은 변경사항까지 모두 반영되어 나타나요.
서버 저장과 무관	미리보기를 누른다고 해서 서버에 내용이 저장되거나, 실제 운영 중인 고객 화면에 영향을 주지 않으니 안심하셔도 돼요.
실제와 동일하게 동작	단순한 디자인 확인을 넘어, 실제 서비스 환경처럼 스크립트와 링크가 모두 정상적으로 동작해요.

💡 TIP 캔버스 편집 화면에서는 확인하기 어려운 동적인 움직임들을 미리보기에서 정확하게 테스트할 수 있어요. 팝업이 잘 뜨는지, 슬라이드 전환 속도는 적당한지, 버튼이나 링크 이동이 잘 되는지, 마우스를 올렸을 때(호버) 효과가 잘 나타나는지 등을 실제 고객 환경 그대로 꼼꼼히 점검해 보세요.

📐 PC·모바일 화면 확인하기

미리보기 창 안에는 별도의 PC/모바일 전환 버튼이 따로 없어요. 대신 인터넷 브라우저 창의 크기 자체를 마우스로 직접 늘리거나 줄여보세요. 화면 너비에 맞춰서 레이아웃이 자연스럽게 바뀌는 모습을 확인하실 수 있을 거예요. 실제 고객들이 각기 다른 다양한 기기로 접속할 때 겪게 될 환경을 그대로 재현하기 위한 방식이랍니다.

🔗 미리보기 링크 공유하기

미리보기로 열린 새 탭의 인터넷 주소(URL)를 복사해서 다른 사람에게 공유할 수도 있어요. 정식으로 게시하기 전에 동료나 담당자에게 화면 검토를 받고 싶을 때, 이 링크를 전달해 주시면 아주 편리해요.

💡 자주 묻는 질문

미리보기를 누르면 고객 화면에 바로 반영되나요?

아니요, 반영되지 않아요. 미리보기는 서버에 저장하거나 사이트에 게시하는 것과는 완전히 별개의 기능이에요. 미리보기를 누르더라도 실제 고객이 보는 화면에는 전혀 영향을 주지 않는답니다. 작업한 내용을 고객 화면에 최종 반영하고 싶으시다면 16. 저장하기 vs 게시하기 가이드를 확인해 주세요.

아직 저장하지 않았는데도 미리보기에 수정한 내용이 보여요.

네, 맞아요. 미리보기는 현재 편집 중인 가장 최신 상태의 화면을 그대로 띄워주기 때문에, 아직 저장하지 않은 변경사항들도 모두 반영되어서 보여요. 단, 이는 미리보기 화면에서만 그렇게 보이는 것일 뿐 서버에 실제로 저장된 상태는 아니에요. 작업하신 내용을 안전하게 보관하시려면 꼭 '저장' 또는 '게시' 버튼을 따로 눌러주셔야 해요.

미리보기 화면을 팀원에게도 보여주고 싶어요.

미리보기가 열린 브라우저 탭의 인터넷 주소(URL)를 복사해서 팀원에게 전달해 주시면 돼요. 게시 전에 팀원들과 함께 화면을 꼼꼼히 검토할 때 유용하게 활용해 보세요!