Skip to content

스프링부트 + Vue.js를 이용한 환율계산기

Notifications You must be signed in to change notification settings

sarguments/exchanger

Repository files navigation

스프링을 이용한 환율계산기

요구사항

  1. 송금국가는 미국으로 고정. 통화는 미국달러(USD)
  2. 수취국가는 한국, 일본, 필리핀 세 군데 중 하나를 select box로 선택. 각각 통화는 KRW, JPY, PHP
  3. 수취국가를 선택하면 환율이 바뀌어 나타남. 환율은 1 USD 기준으로 각각 KRW, JPY, PHP의 대응 금액이다.
  4. 송금액을 USD로 입력하고 Submit을 누르면 수취금액이 KRW, JPY, PHP 중 하나로 계산되어서 출력된다.
  5. 환율과 수취금액은 소숫점 2째자리까지, 3자리 이상 되면 콤마를 가운데 찍어 보여준다 ex) 1234라면 1,234.00
  6. 환율정보는 https://currencylayer.com/ 의 무료 서비스를 이용해서 실시간으로 가져온다.
  7. 수취금액을 입력하지 않거나, 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