페이지를 열어 편집하기

비주얼 에디터, 앱 편집의 디자인 모드

Visual Editor는 실제 앱을 그대로 다듬는 디자인 모드입니다. 마우스를 올리면 무엇인지 이름이 보이고, 클릭해 선택하면 바로 위에 나타나는 툴바로 그 자리에서 텍스트와 색상을 바꿀 수 있습니다. 텍스트를 더블클릭하면 그 자리에서 바로 새 문구를 입력할 수 있습니다. 새 요소도 추가할 수 있습니다. 삽입 메뉴에서 제목, 텍스트, 버튼, 이미지, 섹션, 구분선을 골라 클릭하면 선택한 요소 근처에 놓이고, 드래그하면 원하는 자리에 정확히 놓을 수 있습니다. 초록색 안내선이 들어갈 위치를 보여 주고, 새 요소는 페이지 분위기에 맞게 스타일이 적용된 상태로 추가됩니다. 잘못 선택했다면 Esc 한 번, 우클릭 선택 메뉴, 레이어 목록으로 원하는 요소를 정확히 고를 수 있습니다. 데스크톱과 터치 화면 모두에서 쓸 수 있고, 휴대폰에서는 편집 패널이 화면 아래에서 올라와 페이지가 계속 보입니다. 모든 변경은 되돌릴 수 있고, 새로고침해도 편집 내용이 유지되며, 저장하지 않고 닫으려 하면 경고를 보여줍니다. 저장하면 변경 사항으로 앱을 다시 만들며, 다른 업데이트처럼 크레딧이 듭니다.

모든 페이지를 한눈에

앱 전체를 한 화면에서 보세요. 모든 페이지가 새 이미지로, 처음 온 방문자부터 회원 종류별로 누가 보는지에 따라 묶여 보입니다. 오류가 나거나, 찾을 수 없거나, 다른 곳으로 보내는 페이지는 표시되고, 아무도 들어올 수 없는 페이지에는 Insight에게 링크를 추가해 달라고 하는 한 번의 클릭이 붙습니다. 이미지는 언제든 다시 찍을 수 있고, 페이지를 누르면 바로 편집을 시작합니다.

실제 앱, 실행 중인 앱 보기

DontCode 안에서 실제로 실행 중인 앱을 홈에서, 또는 어느 페이지에서든 옆 패널로 볼 수 있습니다. 변경 사항을 만드는 동안에는 진행 상황을 지켜보면서 지금 버전을 계속 쓸 수 있습니다. 앱이 여러 언어를 지원하면 그 자리에서 언어를 바꿔 볼 수 있습니다. Backend 프로젝트는 연결이 끝나면 여기에 직접 만든 사이트를 보여 주고, 그 전까지 홈에서 연결하는 단계를 안내합니다.