미리보기 패널, 앱 실시간 확인
헤더 오른쪽 상단의 PREVIEW를 클릭하면 앱의 실시간 미리보기가 열립니다. 미리보기 패널 상단의 세 탭: Preview(실시간 보기), Visual Editor(디자인 모드), Code(빌드 로그). 구분선을 드래그하여 크기 조정.
어디서 설정하나요?
프로젝트 에디터에서 이 기능을 켜고 끌 수 있습니다. 코드는 필요하지 않습니다.
이 기능은 특정 설정 경로 없이 플랫폼 전역에서 작동합니다.
내 프로젝트에서 열기관련 기능
비주얼 에디터, 미리보기 디자인 모드
Visual Editor는 실제 앱을 그대로 다듬는 디자인 모드입니다. 마우스를 올리면 무엇인지 이름이 보이고, 클릭해 선택하면 바로 위에 나타나는 툴바로 그 자리에서 텍스트와 색상을 바꿀 수 있습니다. 텍스트를 더블클릭하면 그 자리에서 바로 새 문구를 입력할 수 있습니다. 새 요소도 추가할 수 있습니다. 삽입 메뉴에서 제목, 텍스트, 버튼, 이미지, 섹션, 구분선을 골라 클릭하면 선택한 요소 근처에 놓이고, 드래그하면 원하는 자리에 정확히 놓을 수 있습니다. 초록색 안내선이 들어갈 위치를 보여 주고, 새 요소는 페이지 분위기에 맞게 스타일이 적용된 상태로 추가됩니다. 잘못 선택했다면 Esc 한 번, 우클릭 선택 메뉴, 레이어 목록으로 원하는 요소를 정확히 고를 수 있습니다. 데스크톱과 터치 화면 모두에서 쓸 수 있고, 휴대폰에서는 편집 패널이 화면 아래에서 올라와 페이지가 계속 보입니다. 모든 변경은 되돌릴 수 있고, 새로고침해도 편집 내용이 유지되며, 저장하지 않고 닫으려 하면 경고를 보여줍니다. 저장하면 앱이 자동으로 업데이트됩니다.
앱이 항상 실시간 반영 (자동 배포)
앱은 저절로 실시간 반영됩니다. 변경하신 내용은 모두 몇 초 안에 자동으로 게시되며, 브라우저 자물쇠(보안 연결)가 설정된 영구 웹 주소에서 공개됩니다. 누를 버튼도, 따로 준비할 것도 없으며, 원하실 때 직접 보유한 웹 주소(도메인)를 연결하실 수 있습니다.