Repository files navigation
송금국가는 미국으로 고정. 통화는 미국달러(USD)
수취국가는 한국, 일본, 필리핀 세 군데 중 하나를 select box로 선택. 각각 통화는 KRW, JPY, PHP
수취국가를 선택하면 환율이 바뀌어 나타남. 환율은 1 USD 기준으로 각각 KRW, JPY, PHP의 대응 금액이다.
송금액을 USD로 입력하고 Submit을 누르면 수취금액이 KRW, JPY, PHP 중 하나로 계산되어서 출력된다.
환율과 수취금액은 소숫점 2째자리까지, 3자리 이상 되면 콤마를 가운데 찍어 보여준다 ex) 1234라면 1,234.00
환율정보는 https://currencylayer.com/ 의 무료 서비스를 이용해서 실시간으로 가져온다.
수취금액을 입력하지 않거나, 0보다 작은 금액이거나 10,000 USD보다 큰 금액, 혹은 바른 숫자가 아니라면 “송금액이 바르지 않습니다"라는 에러 메시지가 하단에 빨간 글씨로 나타난다.
언어 : Java 1.8
백엔드 프레임워크 : SpringBoot
프론트엔드 프레임워크 : Vue.js
사용 IDE : Intellij Community, WebStorm
수취국가 select box를 선택할 때 마다 백엔드 api 에 요청을 보낸다. 백엔드에서는 외부 CurrencyLayer api 에서 환율 정보를 가져오고 다시 프론트엔드 쪽으로 응답 결과를 돌려준다.
수취 국가가 달라지면 환율과 수취금액의 단위도 같이 변경된다.
송금액을 입력후 Submit 버튼을 누르면 백엔드 api 에 요청을 보내는데 이때 올바른 숫자인지 검증 후 그렇지 않다면 success: false 응답을 프론트엔드에 전달 후 메시지를 출력한다.
올바른 숫자인 경우 BigDecimal 로 변환해서 계산 후 프론트엔드에 결과를 돌려주고 최종 결과를 출력한다.
About
스프링부트 + Vue.js를 이용한 환율계산기
Topics
Resources
Stars
Watchers
Forks
You can’t perform that action at this time.