이자계산기 만들기(feat input value, switch, tab) part 1 마크업, 탭기능

이자계산기 만들기(feat input value, switch, tab) part 1 마크업, 탭기능

아직 확정난 것은 아니지만, 향후 작업할수도 있는 기능인 금리 계산기. 공부할 겸해서 미리 시간있을 때 토이프로젝트로 이자계산기를 만들고 있습니다.

청년희망적금 만기금액

청년희망적금은 저축을 하는 청년들에게 매우 좋은 상품입니다. 이 상품은 은행마다. 우대 금리 차이가 있겠지만, 기본 금리 5로 월 최대 납입액 50만원을 2년간 납입할 경우 이자 소득세 비과세와 저축장려금 지급으로 985,000원을 이자로 받을 수 있습니다. 이는 일반 5 적금에서 이자 소득세를 제외한 528,750원보다. 456,250원 더 많은 이자 수익을 제공합니다. 만기지급액은 약 12,985,000원이며, 일부 은행에서 제공하는 우대금리를 합쳐 6까지 이자를 받을 경우 만기지급액은 13,110,000원까지 늘어납니다.

이는 일반 9.31 적금과 유사한 이자율을 갖습니다. 현재 5짜리 적금을 찾기 간단하지 않은 상황에서는 묻지도 따지지도 말고 가입해야 할만한 수준의 혜택을 제공합니다.

다만, 청년희망적금의 이자는 복리가 아닌 단리 계산법을 사용하며, 납입일자에 따라 이자 수익이 바뀔 수 있습니다.

쉬워진 만큼 어려운 계좌의 종류

통장을 창립하는 것은 참 쉬워졌는데, 단점은 통장의 종류가 너무 많아졌다는 것입니다. 월급 관리와 함께 함께 재테크를 하려니 파악해야 할 통장의 종류가 참 많아졌습니다. 그래서 자기가 지금 갖고 있는 통장이 괜찮은 건지 불안감도 생깁니다. 이런 결정장애와 불안감을 극복하기 위해 처음 통장의 종류를 개략적으로 알아보고, 월급 관리를 위해 월급 통장으로 주로 쓰이는 2가지 통장 종류도 먼저 알아봅시다. 수시입출금식 통장자주보이는 은행 통장 자유입출금 상품이라고도 하며 저희가 보통 은행 통장이라 할 때 고민하는 그 통장입니다.

돈을 넣어서 보관하다가 필요할 때 뺄 수 있는 기본 통장이라고 할 수 있습니다. 수시입출금식 통장은 특별한 특징은 없습니다. 특징이라 하기엔 좀 쑥쓰러운데 돈을 넣어둔다. 해도 이자는 거의 없습니다.고 보시면 됩니다. 보통 연간 0.1를 이자로 받습니다.

적금 현실 이자율

적금 현실 이독립 적금 연 이독립 times 만기 개월 수 1divide24 만약 세금을 뺀 후의 이자율을 알고 싶다면 아래 공식을 쓰면 되겠습니다. 세후 적금 현실 이독립 적금 연 이독립 times 만기 개월 수 1divide24 times 1이자소득세율 연 이독립 3 1년 만기 정기 적금의 경우 적금이자 계산법 공식을 쓰면 정기적금 현실 이자율은 0.03 times 121divide240.01625 1.625입니다.

26주 적금 실패 예방 세이프박스 이용

26주 적금 실패 예방 적금 납입은 매주 자동이체로 처리되는데요. 앞서 말씀드렸듯이 자동이체 실패가 1번이라도 없어야 우대 이율을 받을 수 있습니다. 바쁘다. 보시면 자동이체를 놓치거나 카카오뱅크 통장잔액을 이용해서 납입금액을 못 내는 경우도 발생할 텐데요. 저는 이를 방지하기 위해 세이프박스를 이용했습니다. 세이프박스란 통장 안에 다른 공간을 마련하고 그 안에 넣은 금액은 자동이체나 체크카드 결제금액으로 결제가 되지 않는다는 혜택이 있습니다.

이를 이용해서 한 달에 납입해야 될 납입금을 미리 세이프박스에 넣어둬서 매주 납입일에 세이프박스에서 통장으로 옮겨놓으면 조금이라도 실패할 경우의 수를 줄일 수 있습니다.

tab 기능 with JavaScript not jQuery

const tabs = document.querySelectorAll(“.type-finance li”);const forms = document.querySelectorAll(“form”);

처음 tabs들을 선택합니다. querySelectorAll을 통해 .typefinance li 엘리먼트들의 배열을 가져옵니다. 저 보라색 네모네모가 개개인별로 .type-finance li입니다.

그리고 form을 선택합니다. 비슷하게 querySelectorAll을 통해 form 엘리먼트들의 배열을 가져옵니다. form 영역은 얘네들입니다. 적금, 예금, 대출별로 따로있습니다. tab과 그에 상응하는 콘텐츠 form은 그 개수가 같다. tab기능을 만드는 여러가지 방법이 있겠지만, 자주 사용하는 for문을 사용하여 tab의 순서에 맞춰서 form을 보여주는 형식으로 하겠습니다.

자주 묻는 질문