! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

동적 JavaScript 대출 상환 표 응용 프로그램을 만드는 방법 > 온라인 스터디

본문 바로가기

고급기능 동적 JavaScript 대출 상환 표 응용 프로그램을 만드는 방법

페이지 정보

작성자 GrapeCity 작성일 2023-05-11 10:07 조회 203회 댓글 0건

본문

첨부파일

스프레드시트는 다양한 유형의 비즈니스 및 소비자 대출 계산을 포함하여 다양한 유형의 재무 및 유사한 응용 프로그램을 만드는 데 필수 요소입니다. 이번 스터디에서는 JavaScript 스프레드시트인 SpreadJS와 500 개가 넘는 함수가 포함된 계산 엔진을 사용하여 동적 담보 대출 상환 표를 만드는 방법을 보여 줍니다.




대출 상환 표 개념

대출 맥락에서 상환 표에 대해 이야기할 때, 일정 기간 동안 대출을 일련의 대출 상환으로 분배하여 정보를 제공하는 방법입니다. 이 과정을 이용하면 대출을 상환할 때마다 대출 잔액이 줄어들고 대출자는 예정된 대출 상환을 완료한 후 잔액을 갚게 됩니다. 모든 대출 상환 표에는 다음 정보가 포함됩니다. 

  • 예정된 대출 상환

  • 원금 대출 상환

  • 지급이자


해당 스터디에서는 JavaScript 스프레드시트를 사용하여 대출 상환을 얼마나 쉽게 만들고, 계산할 수 있는지 보여 줍니다.



디자이너 컴포넌트 사용 


앞서 언급했듯이 이 스터디에서는 SpreadJS 디자이너 컴포넌트를 사용하여 속성 담보에 대한 대출 상환 표를 만들 것입니다. 디자이너 컴포넌트는 고도의 사용자 정의가 가능하고 유연하며 웹 응용 프로그램에 쉽게 포함할 수 있는 선택적 추가 기능입니다.


JavaScript 상환 디자이너


첫 번째 섹션에서는 대출 세부 정보와 대출 내용을 삽입하는 방법을 보여 드리겠습니다.

두 번째 섹션에서는 대출 상환 표를 살펴볼 것입니다.



대출 세부 정보  


담보 대출 상환은 월별 대출 상환 일정을 제공합니다. 또한 월별 대출 상환 금액을 계산하고 이자가 되는 대출 상환 부분을 결정합니다. 생성하기 위해서는 아래에 나열된 세부 정보를 지정해야 합니다.


1. 부동산 가격


소유하고자 하는 부동산의 가격을 나타냅니다. 삽입 탭 아래의 폼 컨트롤 섹션에서 스핀 버튼 컨트롤을 사용하여 부동산 가격을 지정하겠습니다.


스핀 버튼 컨트롤


스핀 버튼을 사용하면 값을 쉽게 증가 또는 감소시킬 수 있습니다. 또한 미리 정해진 양만큼 감소시킬 수도 있습니다. 도형 서식 대화 상자를 사용하여 spinButton 옵션을 정의할 수 있습니다.


컨트롤 옵션은 아래와 같이 스핀 버튼 옵션을 정의하고 값을 할당하는 기능을 제공합니다.


SpinButton 셰이프 서식


글꼴, 색, 정렬을 지정합니다. 부동산 가격은 다음과 같이 표시됩니다.


부동산 가격



2. 계약금


계약금은 총 구매 가격(우리의 경우에는 부동산 가격)의 일부를 나타냅니다. 계약금을 지정하기 위해 데이터 유효성 검사를 사용하겠습니다.

 

데이터 유효성 검사를 삽입하려면 데이터 탭으로 이동하여 데이터 유효성 검사를 선택하세요.


데이터 유효성 검사


데이터 유효성 검사를 선택한 후 "list"를 입력하면 아래와 같이 표시됩니다.


계약금



3. 담보 금리


담보 금리는 대출자가 담보 대출에 지불하는 이자율을 나타냅니다. 데이터 유효성 검사를 삽입하면 다음과 같이 표시됩니다.


모기지 금리 %


4. 대출 기간


대출 기간은 대출자가 다른 기간 동안 지불해야 하는 월별 대출 상환금 및 이자를 결정하는 데 도움이 됩니다. 해당 스터디에서는 대여 기간을 15 년으로 제한했습니다.


대출 기간


완료하고 나면 대출 세부 정보 섹션은 다음과 같이 표시됩니다.


대출 세부 정보 섹션 JavaScript 상환



대출 상환 표


SpreadJS 디자이너 컴포넌트를 사용하면 간단한 방법으로 대출 상환 표를 제작할 수 있습니다. 대출 상환 표는 각 대출 상환 후 기초 잔액, 모든 월별 대출 상환금, 지급 이자, 추가 비용(추가 비용이 있는 경우) 및 각 지급 후의 기말 잔액에 대한 정보가 명시됩니다.


  • 기초 잔액: 대출 금액의 기초 잔액을 나타냅니다. 각 대출 상환 후 기말 잔액은 ='Amortization Table'!J17 수식을 사용하여 다음 대출 상환에 대한 기초 잔액이 됩니다.

  • 이자: 대출 이자로 대출 상환되는 각 지불 금액을 나타냅니다. 대출 상환 표에서 각 지불에 대한 이자를 계산하려면 *=F17$H$9/12* 수식대로 각 지불 금액의 기초 잔액을 12 개월로 나눈 담보 금리로 곱해야 합니다.

  • 월별 대출 상환: 지정된 기간 내에 대출을 대출 상환하기 위해 매달 지급되는 금액을 표시합니다. 월별 대출 상환을 계산하려면 아래 수식을 사용해야 합니다.

JavaScript 상환 표

  • 기말 잔액: 기말 잔액은 남아 있는 순 잔액입니다. 기말 잔액은 계좌에서 거래 합계를 더한 다음 이 합계를 기초 잔액에 추가하여 도출됩니다. 해당 금액은 월별 대출 상환 및 추가 지불(해당하는 경우) 금액이 공제된 기초 잔액 및 이자의 합계로 정의됩니다. 다음 수식을 사용하여 각 대출 상환 후 기말 잔액을 확인합니다. =SUM(F19:G19)-SUM(H19:I19)


마지막으로 동적 담보 대출 상환 표를 만들었습니다.

JavaScript 상환 표


여기에서 예제 파일을 다운로드하세요!



SpreadJS로 가져오기 


아래에 표시된 대로 파일 메뉴 > 가져오기 섹션을 클릭하고 "SSJSON 파일"을 선택하면 해당 파일을 SpreadJS로 가져올 수 있습니다.


SSJSON 파일 가져오기


AmortizationTable_download.ssjson 파일을 선택합니다.

상환 표 SSJSON 파일


SpreadJS에서 만든 "동적 담보 대출 상환 표"를 가져왔습니다.

동적 모기지 상환 표


SpreadJS에 파일 가져오기에 대한 자세한 정보는 여기에서 확인해 보시길 바랍니다.



지금 바로 SpreadJS를 다운로드하여 직접 테스트해 보세요!

spjs.png

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.