간단한 주택담보대출 계산기 웹 앱

이 예제에서는 웹 앱을 만들고 이를 MATLAB® Web App Server의 개발 버전에 호스팅하는 방법을 보여줍니다. 이 예제에서는 앱 디자이너의 간단한 계산기 앱을 웹 앱의 기반으로 사용합니다. 앱과 입력할 수 있는 숫자형 값에 대한 자세한 내용은 앱에서 숫자형 데이터 플로팅하기 항목을 참조하십시오. 워크플로에서 다음을 수행합니다.

  • 웹 앱 컴파일러 앱을 사용하거나 MATLAB Compiler™의 compiler.build.webAppArchive를 사용하여 앱 디자이너에서 간단한 계산기 앱을 패키징합니다. 이 단계에서 웹 앱 아카이브(.ctf) 파일이 생성됩니다.

  • 웹 앱 아카이브(.ctf) 파일을 MATLAB Web App Server의 개발 버전에 배포합니다.

  • 웹 앱 홈 페이지에서 웹 앱을 실행합니다.

선행 조건

  1. MATLAB Web App Server™의 개발 버전을 설치하고 구성합니다.

  2. 다음을 실행하여 현재 작업 디렉터리에 MATLAB 앱 파일 Mortgage.mlapp을 다운로드합니다.

    setupExample("matlab/MortgageCalculatorExample",pwd)

웹 앱 컴파일러를 사용하여 웹 앱을 패키징하고 만들기

  1. MATLAB을 시작합니다.

  2. MATLAB 명령줄에 webAppCompiler를 입력하여 웹 앱 컴파일러 앱을 엽니다.

  3. 툴스트립의 메인 파일 섹션에서 + 버튼을 클릭하여 Mortgage.mlapp 파일을 프로젝트에 추가합니다. 웹 앱 컴파일러는 앱 이름, 작성자, 요약, 설명, 버전 등 앱에 대한 정보가 포함된 앱 세부 정보 섹션을 포함하도록 크기를 자동으로 조정합니다. 앱 세부 정보 편집을 클릭하면 앱 디자이너에서 앱에 대한 정보를 편집할 수 있습니다. 변경 사항이 적용되도록 웹 앱 컴파일러를 업데이트하려면 새로 고침을 클릭합니다.

    • (선택 사항) 웹 앱이 서버에 배포될 때 쉽게 구별할 수 있는 표시 이름을 사용합니다.

    • (선택 사항) 추적을 위해 버전 번호를 제공합니다. 버전 번호는 웹 앱 홈 페이지에서 확인할 수 있습니다.

    • (선택 사항) 요약 필드에 웹 앱에 대한 설명을 추가합니다. 이 설명은 웹 앱 홈 페이지에서 확인할 수 있습니다.

  4. 아카이브 정보 섹션에서 아카이브 이름을 myMortgageWebApp으로 지정합니다.

  5. 패키징을 클릭하여 앱을 패키징하고 웹 앱 아카이브(.ctf 파일)를 생성합니다.

    프로젝트 저장 대화 상자가 열리면 프로젝트 이름과 웹 앱 프로젝트를 저장할 위치를 지정합니다. 웹 앱 컴파일러는 프로젝트를 저장하고 패키징 대화 상자를 엽니다.

  6. 패키징이 완료되면 패키징 대화 상자에서 출력 폴더 열기를 클릭합니다. 그러면 다음 파일이 포함된 프로젝트 폴더가 열립니다.

    • myMortgageWebApp.ctf

    • mccExcludedFiles.log

    • PackagingLog.html

    • requiredMCRProducts.txt

    웹 앱 아카이브를 패키징하고 생성하는 데 사용되는 정확한 mcc 구문을 로그 파일 PackagingLog.html에서 볼 수 있습니다.

compiler.build.webAppArchive를 사용하여 웹 앱을 패키징하고 만들기

참고

이미 웹 앱 컴파일러 앱을 사용하여 독립 실행형 애플리케이션을 만들었다면 이 섹션을 건너뛰어도 됩니다. 그러나 프로그래밍 방식을 사용하여 MATLAB 명령 창에서 웹 앱을 만드는 방법을 알고 싶다면 다음 지침을 따르십시오.

  1. compiler.build.webAppArchive 명령을 사용하여 웹 앱 아카이브를 빌드합니다. 이름-값 인수를 사용하여 아카이브 이름을 지정합니다.

    buildResults = compiler.build.webAppArchive('Mortgage.mlapp',...
    'ArchiveName','myMortgageWebApp');

    compiler.build.Results 객체 buildResults에는 빌드 유형, 생성된 파일, 빌드 옵션에 대한 정보가 포함됩니다.

  2. 이 빌드 함수는 현재 작업 디렉터리에 있는 myMortgageWebAppwebAppArchive라는 이름의 폴더 내에 다음 파일을 생성합니다.

    • mccExcludedFiles.log — 웹 앱에 포함되지 않은 툴박스 함수 목록이 포함되어 있는 로그 파일. 지원되지 않는 함수에 대한 자세한 내용은 MATLAB Compiler 제한 사항 항목을 참조하십시오.

    • myMortgageWebApp.ctf — 배포 가능한 아카이브가 포함되어 있는 컴포넌트 기술 파일.

    • requiredMCRProducts.txt — MATLAB Runtime에서 웹 앱을 실행하는 데 필요한 제품의 제품 ID가 포함되어 있는 텍스트 파일.

    • unresolvedSymbols.txt — 연결이 맺어지지 않은 기호에 대한 정보가 포함되어 있는 텍스트 파일.

웹 앱 배포하기

  1. 패키징 과정 중 MATLAB Compiler가 생성한 프로젝트 폴더로 이동합니다.

  2. 웹 앱 아카이브 파일 myMortgageWebApp.ctf를 서버에서 구성한 앱 폴더에 복사합니다. 디폴트 위치는 다음과 같습니다.

    운영 체제앱 폴더 위치

    Windows®

    %ProgramData%\MathWorks\webapps\R2025b\apps

    Linux®

    /local/MathWorks/webapps/R2025b/apps

    macOS

    /Library/Application Support/MathWorks/webapps/R2025b/apps

    서버 애플리케이션에서 Open App Folder 버튼을 클릭하여 앱 폴더를 열 수도 있습니다. 자세한 내용은 서버 애플리케이션 시작 항목을 참조하십시오.

  3. 서버 애플리케이션에서 홈 페이지 열기 버튼을 클릭하십시오.

    이 동작을 수행하면 기본 웹 브라우저를 사용하여 웹 앱 홈페이지가 열립니다. 간단한 주택담보대출 계산기 웹 앱을 표시하는 타일이 보일 것입니다. 이제 웹 앱이 배포되었습니다.

웹 앱 실행하기

  1. 웹 앱을 실행하려면 웹 앱 홈 페이지에서 myMortgageWebApp 타일을 클릭합니다.

    웹 앱이 새 탭에서 열립니다.

  2. Monthly Payment 버튼을 클릭하면 월별 지불액을 가져오고 원금 및 이자 그래프를 볼 수 있습니다.

    성공적으로 웹 앱을 만들고, 배포하고, 실행했습니다.

    주택담보대출 계산기 웹 앱

    Mortgage calculator web app results.

참고 항목

도움말 항목