본문으로 건너뛰기

Action Bar

Action Bar는 화면 상단에 위치한 툴바 영역으로, 프로젝트 작업에 필요한 주요 기능들을 빠르게 실행할 수 있도록 설계되었습니다.

Action Bar는 프로젝트 정보(Project Info), 모드 변환(Change Mode), 배포 업로더(Deploy Uploader)로 구성됩니다.

Action Bar 개요


Project Info

Project Info 영역에서 로고를 클릭하여 메뉴창을 열거나, 프로젝트의 정보를 확인할 수 있습니다.

Project Info

  1. Lucy Studio Symbol

    • 클릭 시 메뉴창을 확인할 수 있습니다.
    • 메뉴창에서 Lucy Studio의 공식 웹사이트를 열 수 있습니다.
    메뉴 항목설명
    Lucy Studio official homepageLucy Studio 공식 홈페이지 열기
    Lucy team cloudLucy team cloud 열기
    Lucy Studio facebookLucy Studio 페이스북 열기
    Lucy Studio youtube channelLucy Studio 유튜브 열기
  2. Project Information

    • 프로젝트 및 활성화된 페이지 이름을 확인할 수 있습니다.
    • 페이지 이름 클릭 시 생성된 탭 목록이 노출되어 탭 사이를 빠르게 이동할 수 있습니다.
  3. Open Project Information Window

    • 프로젝트의 정보를 조회할 수 있습니다.

Change Mode

Change Mode 영역에서 작업 모드를 편집모드(Design Mode), 애니메이션 모드(Animation mode)로 전환할 수 있습니다.

Change Mode

  1. Design Mode
    • 위젯 배치, 속성 수정, 로직 설정 등 주요 개발 작업이 이루어지는 기본 모드입니다.
    • Design Mode에서 Panel의 구성
      • Property
      • Style
      • State
      • Data Set
      • Variables
      • Provider Instance
      • i18n(다국어)
      • Local History
  2. Animation mode
    • 페이지 및 위젯 간의 인터랙션 애니메이션을 설정하고 실시간으로 확인할 수 있는 모드입니다.
    • Animation mode에서 PlatePanel의 구성
      • Actions
      • State transitions
      • Detector transitions

Deploy Uploader

Deploy Uploader 영역에서 테스트, 협업, 배포를 위한 도구들을 제공합니다.

Deploy Uploader

  1. Server Setting

    • 사용하는 서버 환경 또는 백엔드를 설정할 수 있습니다.
  2. Source Control

    • 프로젝트 내 작업 소스 및 버전을 관리할 수 있습니다.
  3. Issue Report

    • 개발 중 발생하는 버그나 문제점을 확인할 수 있습니다.
    구분Warning (경고)Error (오류)
    정의잠재적인 문제 또는 비효율 안내실제 문제 또는 프로그램 실행 불가 상태
    심각도낮음 ~ 보통높음 (반드시 수정 필요)
    실행 영향프로그램 실행은 계속 진행 가능프로그램 실행이 중단되거나 작동을 멈춥니다
    발생 원인권장되지 않는 속성 사용, 비효율적인 로직 등필수 컴포넌트 누락, 존재하지 않는 데이터 접근 시도 등
  4. Preview

    • 미리보기 프로그램을 실행하여 현재 작업 중인 화면을 미리 볼 수 있습니다.
    • 미리보기 프로그램은 설정할 수 있으며 별도의 윈도우로 실행됩니다.
  5. Device sync

    • PC 또는 모바일 디바이스를 연결하고 연결된 디바이스에서 프로젝트를 실행할 수 있습니다.
    • 디바이스 연결 방법
      • 미리보기 창을 실행한 PC 또는 모바일을 자동으로 감지하여 연결할 수 있습니다.
      • 디바이스가 자동으로 감지되지 않는 경우, Lucy Studio에서 생성한 QR코드를 스캔하여 연결할 수 있습니다.
    • 연결된 디바이스 관리
      • 연결된 디바이스에 프로젝트의 모든 자원 또는 선택한 일부 화면을 전송할 수 있습니다.
      • 연결된 디바이스들의 목록을 확인하고 디바이스들의 연결 상태를 관리할 수 있습니다.
  6. Notification

    • 클릭 시 프로젝트의 공지사항 목록을 확인할 수 있습니다.
    • 각 공지사항 클릭 시 상세 팝업을 확인할 수 있습니다.
  7. Profile

    • Lucy team cloud에서 설정한 프로필 팝업을 확인할 수 있습니다.
    • Logout, Account settings 기능을 제공합니다.