단기집중과정 101
10 모듈
5 주

인터페이스 살펴보기

복사하려면 클릭

AppMaster Web Designer 인터페이스에 대해 알아보세요.


AppMaster Web Designer를 열면 편집기 탐색기, 헤더 및 현재 선택한 탭 콘텐츠가 표시되는 작업 영역이 표시됩니다.

AppMaster Web Designer Interface

항해자

AppMaster Web Designer Navigator

네비게이터는 웹 편집기 탭에 대한 빠른 액세스 링크, 유용한 링크, 웹 애플리케이션 목록이나 기타 AppMaster Studio 섹션으로 돌아갈 수 있는 로고 버튼을 제공합니다.

뒤로 버튼

Back button

AppMaster 로고를 클릭하면 메뉴가 나타나는 드롭다운이 열리며 다음을 수행할 수 있습니다.

  • 웹 앱 목록으로 돌아갑니다.
  • 다른 AppMaster Studio 섹션으로 이동하세요.

웹 디자이너 메뉴

AppMaser Web Designer Menu

AppMaster Web Designer에는 UI 빌더만 포함되어 있는 것이 아닙니다. 또한 일련의 추가 도구 및 서비스도 제공합니다.

빠르게 탐색하려면 다음 탭이 포함된 Web Designer 메뉴를 사용하세요.

  • UI 디자이너
  • 로컬DB
  • 애플리케이션 트리거
  • 비즈니스 로직
  • 전역 변수
  • 스케줄러
  • i18n (현지화)
  • 테마 빌더
  • 애플리케이션 설정

유용한 링크

Helpful Links AppMaster Web Designer

드롭다운에는 다음과 같은 작업이 포함됩니다.

  • 채팅: 웹 편집기 오른쪽 하단에서 채팅을 활성화 또는 비활성화합니다.
  • 문서: AppMaster studio 사용에 대한 전체 기술 가이드를 엽니다.
  • 튜토리얼: 튜토리얼 및 예제의 AppMaster 컬렉션을 엽니다.
  • 커뮤니티: AppMaster 커뮤니티를 열어 다른 AppMaster 사용자와 연결하세요.
  • 온보딩 재설정: 온보딩을 다시 열어 웹 편집기의 인터페이스를 학습합니다.
  • 키보드 단축키: 디자인 작업 흐름 속도를 높이는 데 도움이 되는 키보드 단축키 목록을 엽니다. Shift + /를 누르면 이러한 단축키를 볼 수 있습니다.
  • 새로운 기능: 업데이트를 놓친 경우 이 링크를 통해 전체 업데이트 목록을 탐색할 수 있습니다.
  • 법적 요약: 모든 AppMaster 법률 문서를 엽니다.

머리글

Header of AppMaster Web Designer

편집기 헤더는 애플리케이션 정보와 앱 도구 모음을 제공합니다.

앱 정보

Web app information in AppMaster Web Designer

왼쪽 헤더에는 앱에 대한 기본 정보가 표시됩니다.

  • 앱 아이콘: 애플리케이션을 시각적으로 빠르게 식별하는 앱의 파비콘입니다.
  • 앱 이름: 애플리케이션의 이름입니다.
  • 프로젝트 이름: 애플리케이션이 속한 프로젝트입니다.
  • 기본 앱 표시기: 애플리케이션이 기본값으로 표시되면 앱 이름 근처에 별표 아이콘이 표시됩니다.

협력자 목록

Collaborators in AppMaster Web Designer

협력자 목록에는 현재 애플리케이션에서 작업 중인 모든 프로젝트 구성원이 표시됩니다. 각 협력자에게는 개인 테두리 색상이 있으며, 이 색상은 커서에 사용됩니다.

공동 작업자 수가 5명을 초과하는 경우 카운터를 클릭하면 숨겨진 공동 작업자가 표시됩니다. 귀하의 아바타는 항상 가장 먼저 표시됩니다.

공동작업자 이름을 보려면 아바타 위로 마우스를 가져가세요.

여기에서 협업 모드에 대한 자세한 내용을 읽을 수 있습니다.

시사

Realtime preview in AppMaster Web Designer

애플리케이션 미리보기를 실행하려면 미리보기 버튼을 클릭하고 배포 계획을 선택하여 해당 데이터를 로드하거나 모의 데이터로 미리보기를 선택합니다.

저장하지 않고도 애플리케이션을 변경하는 동안 미리보기가 새 탭에서 실행되고 실시간으로 업데이트됩니다.

실시간 미리보기 모드에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

액션 버튼

푸시 변경 사항

애플리케이션에서 변경한 모든 내용은 초안에 저장됩니다. 업무 진행 중에는 지원서를 저장할 필요가 없습니다.

그러나 푸시하지 않고 프로젝트를 게시하면 빌드 버전에서 이 변경 사항을 볼 수 없습니다. 프로젝트 빌드에 변경 사항을 포함하려면 프로젝트 게시 전에 변경 사항을 서버에 푸시해야 합니다. 푸시 후 변경 사항은 후속 프로젝트 게시에 포함됩니다.

곧 애플리케이션 게시

프로젝트의 빌드된 버전을 업데이트하려면 배포 계획 중 하나에 애플리케이션을 게시해야 합니다.

Publish Application from AppMaster Web Designer

편집기에서 직접 게시를 실행할 수 있습니다. 게시하려면 로켓 버튼을 클릭하고 대상 배포 계획을 선택하세요.

작업 공간

작업 영역은 앱을 생성하고 설정하는 AppMaster Web Designer의 핵심 부분입니다.

Work area Canvas AppMaster Web Designer

현재 선택된 탭에 따라 작업 영역 내용이 변경됩니다. 다음 문서에서는 사용 가능한 각 탭에 대한 개요를 자세히 설명합니다.

Web Apps Editor를 연 후 가장 먼저 열리는 섹션은 UI Designer입니다.

Was this article helpful?
아직도 답을 찾고 계십니까?