이 페이지의 최신 내용은 아직 번역되지 않았습니다. 최신 내용은 영문으로 볼 수 있습니다.

앱 디자이너 코드 보기에서 코드 관리하기

코드 보기(Code View)는 MATLAB® 편집기에서 제공하는 동일한 프로그래밍 기능을 대부분 제공합니다. 또한, 코드를 탐색하고 많은 번거로운 작업을 방지하는 데 도움이 되는 다양한 기능도 제공합니다. 예를 들어, 검색 표시줄에 해당 이름의 일부를 입력하여 콜백을 검색할 수 있습니다. 검색 결과를 클릭하면 편집기에서 해당 콜백의 정의로 스크롤됩니다. 그리고 콜백 이름을 변경하면 앱 디자이너는 코드에서 이에 대한 모든 참조를 자동으로 업데이트합니다.

구성요소, 함수, 속성 관리하기

코드 보기(Code View)에는 코드의 여러 측면을 관리하는 데 도움이 되는 네 가지 창이 있습니다. 다음 표에 이러한 창 각각에 대한 설명이 나와 있습니다.

창 이름창 모양창 기능
구성요소 브라우저(Component Browser)

  • 상황별 메뉴 — 목록에서 구성요소를 마우스 오른쪽 버튼으로 클릭하여 구성요소 삭제 또는 이름 변경, 콜백 추가 또는 도움말 표시 옵션이 있는 상황별 메뉴를 표시할 수 있습니다. 구성요소 브라우저에 구성요소 레이블 포함(Include Component Labels in Component Browser) 옵션을 선택하면 그룹화된 구성요소 레이블을 표시할 수 있습니다.

  • 검색 표시줄 — 검색 표시줄에 이름의 일부를 입력하여 구성요소를 신속하게 찾을 수 있습니다.

구성요소 속성(Component Properties)

  • 속성(Properties) 탭 — 이 탭을 사용하여 현재 선택된 구성요소의 속성값을 보거나 변경할 수 있습니다. 또한, 이 탭의 맨 위에 있는 검색 표시줄에 이름의 일부를 입력하여 속성을 검색할 수도 있습니다.

  • 콜백(Callback) 탭 — 이 탭을 사용하여 선택된 구성요소에 대한 콜백을 관리할 수 있습니다.

코드 브라우저(Code Browser)

  • 콜백(Callback), 함수(Function), 속성(Properties) 탭 — 이러한 탭을 사용하여 앱에서 콜백, 헬퍼 함수 또는 사용자 지정 속성을 추가 또는 삭제하거나 이름을 변경할 수 있습니다. 콜백(Callback) 탭이나 함수(Function) 탭에서 항목을 클릭하면 편집기에서 코드의 해당 섹션으로 스크롤됩니다.

  • 검색 표시줄 — 검색 표시줄에 이름의 일부를 입력하여 콜백, 헬퍼 함수 또는 속성을 신속하게 찾을 수 있습니다.

앱 레이아웃(App Layout)

  • 앱 축소판 — 축소판 이미지를 사용하여 많은 구성요소를 포함하는 대규모의 복잡한 앱에서 구성요소를 찾을 수 있습니다. 축소판에서 구성요소를 선택하면 구성요소 브라우저(Component Browser)에서 해당 구성요소가 선택됩니다.

코드에서 편집 가능한 섹션 식별하기

편집기에서 코드 중 일부 섹션은 편집이 가능하고, 일부 섹션은 그렇지 않습니다. 코드의 회색 섹션은 편집할 수 없습니다. 이 섹션은 앱 디자이너에서 생성 및 관리됩니다. 그러나, 흰색 섹션은 편집이 가능하며 다음에 해당합니다.

  • 사용자가 정의하는 함수의 본문(예: 콜백 및 헬퍼 함수)

  • 사용자 지정 속성 정의

앱 프로그래밍하기

앱 디자이너는 앱을 MATLAB 클래스로 정의합니다. 앱 디자이너가 코드의 클래스와 객체 지향 프로그래밍을 관리하므로 사용자는 이러한 지식이 없어도 앱을 작성할 수 있습니다. 하지만 앱 디자이너에서 프로그래밍을 하려면 함수만 사용하는 것과는 다른 워크플로를 따라야 합니다. 툴스트립의 리소스(Resources) 탭에서 유용한 정보 표시(Show Tips) 버튼을 클릭하여 언제든지 이 워크플로의 요약 내용을 검토할 수 있습니다.

UI 구성요소 관리하기

UI 구성요소를 앱에 추가하면 앱 디자이너가 해당 구성요소에 디폴트 이름을 할당합니다. 이 이름(app 접두사 포함)을 사용하여 코드에서 해당 구성요소를 참조하십시오. 구성요소 브라우저(Component Browser)에서 이름을 더블 클릭하고 새 이름을 입력하여 구성요소의 이름을 변경할 수 있습니다. 이름을 변경하면 앱 디자이너는 자동으로 해당 구성요소에 대한 모든 참조를 업데이트합니다.

코드에서 구성요소의 이름을 사용하려면 구성요소 브라우저(Component Browser)에서 이름을 복사하여 시간을 절약할 수 있습니다. 구성요소 이름을 마우스 오른쪽 버튼으로 클릭하고 커서 위치에 삽입(Insert at Cursor)을 선택합니다. 또는, 목록에서 코드로 구성요소 이름을 끌어서 놓을 수 있습니다.

어떤 구성요소를 삭제하려면 구성요소 브라우저(Component Browser)에서 원하는 구성요소의 이름을 선택한 후 Delete 키를 누르십시오.

콜백 관리하기

구성요소가 사용자 상호 작용에 응답하도록 하려면 콜백을 추가하십시오. 구성요소 브라우저(Component Browser)에서 구성요소를 마우스 오른쪽 버튼으로 클릭하고 콜백(Callback) > (콜백 속성) 콜백 추가(Add (callback property) callback)를 선택합니다.

앱에서 구성요소를 삭제하는 경우 앱 디자이너는 콜백이 편집되지 않았으며 다른 구성요소와 공유되지 않은 경우에만 연결된 콜백을 삭제합니다.

콜백을 수동으로 삭제하려면 코드 브라우저(Code Browser)콜백(Callback) 탭에서 콜백 이름을 선택하고 Delete 키를 누르십시오.

콜백에 대한 자세한 내용은 앱 디자이너에서 콜백 작성하기 항목을 참조하십시오.

앱 내에서 데이터 공유하기

데이터를 저장하고 이를 여러 콜백 간에 공유하려면 사용자 지정 속성을 생성하십시오. 예를 들어, 앱에서 데이터 파일을 읽고 앱 내의 여러 콜백이 해당 데이터에 액세스할 수 있도록 허용하고자 하는 경우가 있을 수 있습니다.

속성을 생성하려면 편집기(Editor) 탭의 속성(Properties) 드롭다운을 확장한 후 프라이빗 속성(Private Property) 또는 퍼블릭 속성(Public Property)을 선택하십시오. 앱 디자이너가 템플릿 속성 정의를 만든 후 해당 정의 옆에 커서를 놓습니다. 속성의 이름을 원하는 대로 변경하십시오.

properties (Access = public)
        X % Average cost
end

코드에서 속성을 참조하려면 app.Propertyname 형식의 점 표기법을 사용하십시오. 예를 들어, app.XX라는 속성을 참조합니다.

사용자 지정 속성을 생성하고 사용하는 방법에 대한 자세한 내용은 앱 디자이너로 만든 앱 내부에서 데이터 공유하기 항목을 참조하십시오.

여러 곳에서 실행되는 단일 소스 코드

앱의 여러 부분에서 코드 블록을 실행하려면 헬퍼 함수를 생성해야 합니다. 예를 들어, 최종 사용자가 편집 필드에서 숫자를 변경하거나 드롭다운 목록에서 항목을 선택하면 이에 따라 플롯을 업데이트할 수 있습니다. 헬퍼 함수를 만들면 공통 명령의 소스를 단일화할 수 있기 때문에 불필요한 코드를 유지할 필요가 없습니다.

헬퍼 함수를 추가하려면 편집기(Editor) 탭의 함수(Function) 드롭다운을 확장한 후 프라이빗 함수(Private Function) 또는 퍼블릭 함수(Public Function)를 선택하십시오. 앱 디자이너가 템플릿 함수를 만든 후 이 함수의 본문에 커서를 놓습니다.

헬퍼 함수를 삭제하려면 코드 브라우저(Code Browser)함수(Function) 탭에서 함수 이름을 선택하고 Delete 키를 누르십시오.

헬퍼 함수를 작성하는 방법에 대한 자세한 내용은 앱 디자이너에서 헬퍼 함수 만들기 항목을 참조하십시오.

입력 인수 만들기

입력 인수를 앱에 추가하려면 편집기(Editor) 탭에서 앱 입력 인수(App Input Arguments) 를 클릭하십시오. 입력 인수는 여러 창이 있는 앱을 만들 때 일반적으로 사용됩니다. 자세한 내용은 앱 디자이너의 시작 작업 및 입력 인수 항목을 참조하십시오.

코딩 문제 및 런타임 오류 수정하기

MATLAB 편집기와 같이 코드 보기(Code View) 편집기는 코드에서 오류를 찾는 데 도움이 되도록 코드 분석기 메시지를 제공합니다.

앱 디자이너에서 바로 앱을 실행하면(실행(Evaluate) 클릭) 런타임에 오류가 발생하는 경우 앱 디자이너가 코드에서 오류의 원인을 강조 표시합니다. 오류 메시지를 숨기려면 오류 표시(빨간색 원)를 클릭하십시오. 오류 표시를 사라지게 하려면 코드를 수정하고 변경 사항을 저장하십시오.

관련 항목