Main Content

앱 작성 방법

MATLAB®을 사용하여 다양한 환경에 통합될 수 있는 대화형 사용자 인터페이스를 작성할 수 있습니다. 두 가지 유형의 사용자 인터페이스를 작성할 수 있습니다.

  • 앱 — 사용자 상호 작용을 기반으로 작업을 수행하는 자체 충족형 인터페이스

  • 라이브 편집기 작업 — 라이브 스크립트에 내장할 수 있는 인터페이스와 사용자가 파라미터를 탐색할 때 코드를 생성하는 인터페이스

이러한 인터페이스를 작성하고 공유하는 방법은 인터페이스의 메인 파일 형식뿐 아니라 인터페이스 유형에 따라 다릅니다. 다음 표에서 각 유형의 차이점을 확인할 수 있습니다.

유형작성 방법파일 형식공유 옵션
앱 디자이너를 사용하여 대화형 방식으로 작성.mlapp
  • 메인 인터페이스 파일과 지원 파일 직접 배포

  • 단일 파일로 패키징

  • 웹 브라우저에서 실행할 수 있는 웹 앱으로 배포(MATLAB Compiler™ 필요)

  • 독립 실행형 데스크탑 응용 프로그램 만들기(MATLAB Compiler 필요)

MATLAB 함수를 사용하여 프로그래밍 방식으로 작성.m(MATLAB 스크립트, 함수 또는 클래스 파일)
  • 메인 인터페이스 파일과 지원 파일 직접 배포

  • 단일 파일로 패키징

  • 독립 실행형 데스크탑 응용 프로그램 만들기(MATLAB Compiler 필요)

라이브 편집기 작업matlab.task.LiveTask 기본 클래스를 사용하여 프로그래밍 방식으로 작성하거나, 코드와 대화형 방식 컨트롤이 포함된 라이브 편집기에서 선택 항목을 변환하여 작성.m(MATLAB 클래스 파일)
  • 메인 인터페이스 파일과 지원 파일 직접 배포

앱 작성하기

자체 충족형 사용자 인터페이스를 만들려면 앱을 작성하십시오. 다음과 같이 여러 가지 방법으로 앱을 작성할 수 있습니다.

  • 앱 디자이너를 사용하여 대화형 방식으로 작성

  • MATLAB 함수를 사용하여 프로그래밍 방식으로 작성

각 방법은 서로 다른 워크플로를 사용하지만 제공되는 기능 모음에는 약간의 차이만 있습니다. 가장 적합한 방법은 프로젝트 요구 사항과 사용자가 선호하는 작업 방식에 따라 결정됩니다.

앱 디자이너 사용하여 대화형 방식으로 앱 작성하기

앱 디자이너는 서식 지정이 가능한 대화형 환경으로, R2016a에서 도입되었으며 MATLAB에서의 앱 작성에 권장되는 환경입니다. 앱 디자이너는 완전히 통합된 MATLAB 편집기를 포함하고 있습니다. 레이아웃 디자인과 코드 보기가 긴밀하게 연결되어 있어 하나의 보기에서 변경한 내용이 다른 보기에도 즉시 적용됩니다. 날짜 선택기, 트리 및 이미지 컴포넌트를 비롯해 훨씬 많은 대화형 컴포넌트를 사용할 수 있습니다. 또한 앱이 화면 크기의 변화를 감지하여 그에 맞게 반응하도록 하는 그리드 레이아웃 관리자 및 자동 재배치 옵션과 같은 기능도 있습니다. 자세한 내용은 앱 디자이너를 사용하여 앱 개발하기 항목을 참조하십시오.

Weather visualization app in App Designer Design View

MATLAB 함수를 사용하여 프로그래밍 방식으로 앱 작성하기

MATLAB 함수를 사용하여 앱의 레이아웃과 동작을 완전히 코딩할 수도 있습니다. 이 방법에서는 uifigure 함수 또는 figure 함수를 사용하여 UI의 컨테이너로 사용될 Figure를 만듭니다. 그런 다음 컴포넌트를 이 Figure에 프로그래밍 방식으로 추가합니다. 여러 유형의 Figure는 각각 다른 컴포넌트와 속성을 지원합니다. uifigure 함수는 앱 작성을 위해 특별히 구성된 Figure를 만들기 때문에, 앱을 새로 작성할 때 권장되는 함수입니다. UI Figure는 앱 디자이너가 지원하는 것과 같은 유형의 최신 그래픽스와 대화형 UI 컴포넌트를 지원합니다. 자세한 내용은 프로그래밍 방식으로 앱 개발하기 항목을 참조하십시오.

Code for a mortgage calculator app in the MATLAB Editor, and a UI figure window with the running app

라이브 편집기 작업 작성하기

라이브 스크립트에 내장할 수 있는 인터페이스를 만들려면 라이브 편집기 작업을 작성하십시오. 라이브 편집기 작업은 사용자가 파라미터를 탐색할 때 자동으로 생성되는 일련의 MATLAB 명령을 나타냅니다. 작업을 사용하면 개발 시간, 오류, 플로팅에 드는 시간을 줄일 수 있기 때문에 유용합니다.

matlab.task.LiveTask 기본 클래스의 서브클래스를 정의하여 프로그래밍 방식으로 라이브 편집기 작업을 만들 수 있습니다. 그런 다음, 프로그래밍 방식으로 작업에 컴포넌트를 추가하여 사용자 인터페이스를 구성하고 코드를 작성하여 작업에 대한 MATLAB 명령과 출력값을 생성합니다. 자세한 내용은 라이브 편집기 작업 개발하기 항목을 참조하십시오.

또는 대화형 방식 컨트롤이 포함된 라이브 편집기에서 코드를 선택하고 변환하여 라이브 편집기 작업을 만들 수 있습니다. 지원되는 컨트롤에는 숫자 슬라이더, 숫자 스핀 상자, 드롭다운 목록, 체크박스, 편집 필드, 버튼, 파일 브라우저 등이 있습니다. 자세한 내용은 Create Live Editor Task from Selection 항목을 참조하십시오. (R2023b 이후)

Normalize Vector Data Live Editor task in a live script with generated code, and the Live Editor task gallery with the Normalize Vector Data task in the "My Tasks" section

관련 항목