미리보기 패널, 앱 실시간 확인
개념
헤더 오른쪽 상단의 PREVIEW를 클릭하면 앱의 실시간 미리보기가 열립니다. 미리보기 패널 상단의 세 탭: Preview(실시간 보기), Visual Editor(디자인 모드), Code(빌드 로그). 구분선을 드래그하여 크기 조정.
어디서 설정하나요?
프로젝트 에디터에서 이 기능을 켜고 끌 수 있습니다. 코드는 필요하지 않습니다.
이 기능은 특정 설정 경로 없이 플랫폼 전역에서 작동합니다.
내 프로젝트에서 열기관련 기능
비주얼 에디터, 미리보기 디자인 모드
미리보기에서 Visual Editor 탭을 클릭하면 디자인 모드로 들어갑니다. 요소를 클릭해 선택, 텍스트를 더블클릭해 인라인 편집, 드래그로 이동, 플로팅 툴바로 색상/간격/글꼴/모서리 반경 조정. 저장을 클릭하면 Insight가 시각적 차이를 검토하고 기본 코드를 자동으로 업데이트합니다.
앱이 항상 실시간 반영 (자동 배포)
앱은 저절로 실시간 반영됩니다. 변경하신 내용은 모두 몇 초 안에 자동으로 게시되며, 브라우저 자물쇠(보안 연결)가 설정된 영구 웹 주소에서 공개됩니다. 누를 버튼도, 따로 준비할 것도 없으며, 원하실 때 직접 보유한 웹 주소(도메인)를 연결하실 수 있습니다.