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

라이브 스크립트에 대화형 방식 컨트롤 추가하기

라이브 스크립트에 슬라이더, 드롭다운, 체크박스, 편집 필드, 버튼을 추가하여 대화형 방식으로 변수 값을 제어할 수 있습니다. 스크립트에 대화형 방식 컨트롤을 추가하면 스크립트를 다른 사람과 공유할 때 유용합니다. 대화형 방식 컨트롤을 사용하면 라이브 스크립트에서 친숙한 사용자 인터페이스 구성요소를 사용해 변수의 값을 설정하고 변경할 수 있습니다.

컨트롤 삽입하기

라이브 스크립트에 컨트롤을 삽입하려면 라이브 편집기(Live Editor) 탭으로 이동한 후 코드(Code) 섹션에서 컨트롤(Controls)을 클릭하십시오. 그런 다음 사용 가능한 옵션 중에서 선택하십시오. 기존 값을 컨트롤로 바꾸려면 값을 선택한 다음 컨트롤을 삽입하십시오. 컨트롤(Controls) 메뉴에는 선택한 값에 대해 사용 가능한 옵션만 표시됩니다.

기존 컨트롤을 구성하려면 기존 컨트롤을 마우스 오른쪽 버튼으로 클릭한 다음 컨트롤 구성(Configure Control)을 선택하십시오. 라이브 스크립트로 돌아오려면 Tab 키 또는 Enter 키를 누르거나 컨트롤 구성 메뉴 외부를 클릭하십시오.

컨트롤설명구성 세부 정보

숫자 슬라이더

숫자 슬라이더를 사용하면 슬라이더 위치 조정 표시를 원하는 숫자 값으로 이동하여 변수의 값을 대화형 방식으로 변경할 수 있습니다.

슬라이더 왼쪽의 값이 현재 값입니다.

값(Value) 섹션에서 최소(Min), 최대(Max), 간격(Step) 값을 지정하십시오.

드롭다운 목록

드롭다운 목록을 사용하면 값 목록에서 선택하여 변수의 값을 대화형 방식으로 변경할 수 있습니다.

드롭다운 목록에 표시된 텍스트에 커서를 올려놓으면 현재 값이 표시됩니다.

항목(Item) 섹션의 항목 레이블(Item Labels) 필드에서 드롭다운 목록 내 각 항목에 대해 표시할 텍스트를 지정하십시오.

항목 값(Item Values) 필드에서 드롭다운 라인의 각 항목에 대한 값을 지정하십시오. 라이브 편집기는 목록의 각 항목을 코드로 해석하므로 텍스트 값은 작은따옴표나 큰따옴표로 묶으십시오.

체크박스

체크박스를 사용하면 대화형 방식으로 변수 값을 논리값 1(true) 또는 논리값 0(false)로 설정할 수 있습니다.

체크박스의 표시 상태(선택 또는 미선택)에 따라 현재 값이 결정됩니다.

해당 사항 없음

편집 필드

편집 필드를 사용하면 대화형 방식으로 변수 값을 지정된 유형의 입력값으로 설정할 수 있습니다.

편집 필드에 표시된 텍스트와 선택한 데이터형에 따라 현재 값이 결정됩니다.

편집 필드에 텍스트의 데이터형을 지정하려면 유형(Type) 섹션의 데이터형(Data type) 필드에서, 사용 가능한 옵션 중에서 선택하십시오.

버튼

버튼 컨트롤을 사용하면 버튼을 클릭할 때 코드를 대화형 방식으로 실행할 수 있습니다.

버튼 컨트롤을 사용할 경우 라이브 스크립트의 다른 모든 컨트롤에 대한 실행(Evaluate) 필드를 안 함(None)으로 설정하는 것이 좋습니다. 그러면 사용자가 버튼 컨트롤을 클릭할 때만 코드가 실행됩니다. 이는 코드를 실행하기 전에 라이브 스크립트에 여러 개의 컨트롤 값을 설정해야 하는 경우에 유용합니다.

버튼에 표시되는 레이블을 변경하려면 레이블(Label) 섹션에서 레이블 이름을 입력하십시오.

레이블

코드가 숨겨진 경우 컨트롤 옆에 표시할 레이블을 지정하려면 레이블(Label) 섹션에서 레이블 이름을 입력하십시오. 이 텍스트는 또한 모든 보기의 버튼 컨트롤에도 표시됩니다.

코드를 숨기고 레이블이 지정된 컨트롤, 출력값, 서식 지정된 텍스트만 표시하려면 라이브 스크립트 오른쪽에 있는 코드 숨기기 버튼을 클릭하십시오. 또는 보기(View) 탭으로 이동한 다음 보기(View) 섹션에서 코드 숨기기(Hide Code)를 클릭해도 됩니다. 코드를 다시 표시하려면 출력값을 인라인으로 표시 버튼 또는 출력값을 오른쪽에 표시 버튼을 클릭하십시오.

실행

기본적으로 컨트롤의 값이 변경되면 라이브 편집기는 현재 섹션의 코드를 실행합니다. 이 동작을 구성하려면 컨트롤 구성 메뉴의 실행(Evaluate) 섹션에서 다음 필드를 지정하십시오.

  • 실행 지점(슬라이더 컨트롤만 해당) — 슬라이더 값이 변할 때 코드를 실행하려면 변경되는 값(Value changing)을 선택하십시오. 슬라이더 값 변경이 완료될 때까지(사용자가 슬라이더 위치 컨트롤에서 손을 뗄 때까지) 기다리려면 변경된 값(Value changed)을 선택하십시오.

  • 실행 — 사용 가능한 옵션 중에서 선택하여, 컨트롤 값이 변할 때 어떤 코드를 실행할지 결정합니다. 예를 들어, 컨트롤 값이 변할 때 컨트롤이 포함된 섹션만 실행하려면 현재 섹션(Current section)을 선택하십시오. 컨트롤이 포함된 섹션과 그 이후의 모든 섹션을 실행하려면 현재 섹션부터 끝까지(Current section to end)를 선택하십시오.

    라이브 스크립트에서 버튼 컨트롤을 사용할 경우 라이브 스크립트의 다른 모든 컨트롤에 대한 실행(Evaluate) 필드를 안 함(None)으로 설정하는 것이 좋습니다. 그러면 사용자가 버튼 컨트롤을 클릭할 때만 코드가 실행됩니다. 이는 코드를 실행하기 전에 라이브 스크립트에 여러 개의 컨트롤 값을 설정해야 하는 경우에 유용합니다.

여러 대화형 방식 컨트롤을 사용하여 라이브 스크립트 만들기

이 예제에서는 MATLAB®에서 대화형 방식 컨트롤을 사용하여 환자 데이터를 시각화하고 조사할 수 있는 방법을 보여줍니다. 이 예제는 남성 환자 또는 여성 환자의 키와 체중을 플로팅하고 키와 체중이 지정된 값보다 큰 환자를 강조 표시합니다.

대화형 방식 컨트롤을 사용하여 플로팅할 환자의 성별은 물론, 키와 체중 임계값을 지정합니다. 컨트롤을 살펴보고 사용해보려면 브라우저나 MATLAB에서 이 예제를 여십시오.

load patients

thresholdHeight = 68; % Slider with min=60, max=70, step=1
thresholdWeight = 132; % Slider with min=111, max=202, step=1
selectedGender = "Female"; % Drop down with options "Male", "Female"

overThresholdWeights = Weight(Gender==selectedGender & Weight>=thresholdWeight & Height>=thresholdHeight);
overThresholdHeights = Height(Gender==selectedGender & Weight>=thresholdWeight & Height>=thresholdHeight);

sp1 = scatter(Height(Gender==selectedGender),Weight(Gender==selectedGender),'blue');
hold on

sp2 = scatter(overThresholdHeights, overThresholdWeights,'red');
hold off

title('Height vs. Weight of ' + selectedGender + ' Patients')

legendText = sprintf('Patients over %d inches and %d pounds.',thresholdHeight,thresholdWeight);
legend(sp2,legendText,'Location','southoutside')

라이브 스크립트 공유하기

라이브 스크립트가 완료되면 다른 사람과 공유할 수 있습니다. 사용자들은 MATLAB®에서 라이브 스크립트를 열고 대화형 방식으로 컨트롤을 사용해 볼 수 있습니다.

라이브 스크립트 자체를 대화형 문서로 공유할 경우 공유 전에 라이브 스크립트에서 코드를 숨기는 것이 좋습니다. 코드를 숨기면 라이브 편집기에는 레이블이 지정된 컨트롤, 출력값, 서식 지정된 텍스트만 표시됩니다. 코드를 숨기려면 라이브 스크립트 오른쪽에 있는 코드 숨기기 버튼을 클릭하십시오. 또는 보기(View) 탭으로 이동한 다음 보기(View) 섹션에서 코드 숨기기(Hide Code)를 클릭해도 됩니다.

라이브 스크립트를 정적 PDF, Microsoft® Word, HTML 또는 LaTeX 문서로 공유하면 라이브 편집기는 컨트롤을 코드로 저장합니다. 예를 들어, 여기에 표시된 라이브 스크립트에서 라이브 편집기는 슬라이더 컨트롤을 슬라이더의 현재 값(68과 132), 드롭다운 컨트롤을 드롭다운의 현재 값("Female")으로 바꿉니다.

관련 항목