기본 콘텐츠로 건너뛰기

Dolphin 5

적금 만기 해지 후 잔액을 예금상품으로 가입할 수 있도록 시뮬레이션 기능 제공.

기본적인 로직은 다음과 같습니다.


Simulator 페이지에 접근하면 적금계좌가 존재하는지 살펴봅니다.
적금계좌가 존재하지 않을 경우 적금계좌 생성(적금 상품 추천 폼) 페이지로 이동합니다.
적금계좌가 존재할 경우, 만기에 도달한 계좌가 있는지 살펴봅니다.
만기 계좌가 존재하지 않을 경우, 계좌 목록이 보여지게 됩니다.
만기 계좌가 존재 할 경우, 계좌 목록에 만기 해지 처리를 위한 버튼이 노출됩니다.

시뮬레이션을 위해서 임의의 시간을 표현하는 버튼이 존재합니다.

2019년 02월 11일 이라는 버튼이 가로로 길게 뻗어서 놓여 있습니다.
이 버튼을 클릭하면 다음 달로 시간이 흘러가게 되고 적금계좌가 존재한다면 적금납부일에 맞춰 자동으로 납입합니다.

Alert 메시지창에 날짜가 변경되었다고 알려줍니다.
날짜 변경버튼은 이제 2019년 3월 11일이 되었고, 적금계좌의 잔액이 증가했습니다.
남은 기간도 365에서 337일로 줄고, 적금 납입 회차가 2회분으로 추가 납입했음을 알 수 있습니다.

적금이 만기에 도달하면 만기 해지 버튼이 나타납니다.

적금을 해지하기 전까지는 날짜 버튼을 클릭해도 날짜가 변경되지 않습니다.

만기 해지 버튼을 클릭하면 원금 합계와 세전이자를 합한 금액에 이자소득세를 뺀 금액(15.4%)이 내 가상의 지갑으로 입금됩니다.

입금된 금액은 21,899,011원 입니다. 금액이 적힌 버튼을 클릭하면 상세한 지갑 입출내역이 보여집니다.

금액과 입출유형, 거래시각이 나타나있습니다.

지갑 버튼 옆에 예금 개설 버튼도 새로 생깁니다. 지갑에 돈이 일정이상 있을경우 버튼이 활성화됩니다.
예금 개설을 진행하면 지갑에 있는 잔액을 예금 계좌 개설에 사용합니다.

예금 개설 버튼을 클릭하면 가입 금액은 지갑에 보유중인 금액으로 정해지며, 해당 가입금액을 기준으로 예금 상품을 추천합니다.

만기 해지시 예상되는 금액 버튼을 클릭하면 상품 상세 정보 Modal 을 확인할 수 있고 하단에 계좌 개설버튼을 클릭하면 계좌가 개설됩니다.

계좌 개설이 성공적으로 끝나면 가상 지갑에 잔액이 0원이 되었습니다.
상세 내역을 보기위해 버튼을 클릭하면 예금개설 유형으로 -21,899,011원을 이체했다는 내역이 추가됩니다.

화면은 다시 적금 계좌 개설을 위한 월 납입 금액 입력 폼으로 돌아왔습니다.
왜냐하면, 지금 적금 계좌를 만기 해지한 뒤, 예금 계좌를 개설한 상태라서 보유중인 적금계좌가 없기 때문입니다.

항상 운용중인 적금 계좌가 반드시 존재해야 합니다.
적금 계좌를 개설하고 나면 다음과 같은 계좌 목록을 볼 수 있습니다.

이제 계좌 목록에 적금계좌와 예금계좌가 나타납니다.

계좌를 계속 운용하다 보면 지갑의 잔액이 5천만원이 넘어가는 경우가 생깁니다.
예금자 보호 기준 각 금융권별 5천만원까지의 예금은 보호됩니다.

이 부분을 고려해서 현재 운용중인 계좌들의 금융권에 잔액 5천만원을 넘기지 않는 금융권을 대상으로 추천합니다. 또한, 예금가입금액은 최대 5천만원 한도로 설정됩니다.

예를 들어, 현재 운용중인 상품들은 키움예스저축은행의 적금계좌(가입금액: 250만원), 스타저축은행의 예금계좌(4600만원)이 있습니다.
또한, 지갑에는 3600만원정도 있습니다.

이때, 예금 개설 버튼을 클릭하면 추천되는 상품 중에서 스타 저축은행, 키움예스저축은행의 상품은 제외됩니다. 만기해지예상금액과 예금개설 가입금액 합산 5천만원이 넘기 때문입니다.


그리고, 예금 개설의 경우, 가입 금액은 지갑의 잔액이 5천만원이 넘는 경우에도 최대 5천만원 한도로 설정합니다.

지갑 잔액은 약 7800만원 정도 보유중이지만, 예금 가입금액은 5000만원으로 설정됩니다.


댓글

이 블로그의 인기 게시물

Dolphin 3

100자 이내의 짧은 글을 쓸 수 있는 게시판 제공. Dolphin Project에서 가장 메인 서비스는 예적금 시뮬레이터이므로, 다른 기능 구현은 차후로 미뤄뒀지만, 사용자와 소통할 수 있는 최소한의 기능은 제공하는게 맞다는 생각이 들어 아주 단순한 게시판 기능을 제공합니다. 사용자가 글을 쓰려면 로그인을 먼저 해야합니다. 글을 등록 후 삭제할 때 글 작성자를 식별할 수 있어야 하기 때문입니다. 게시판은 Dolphin Frontend Main 페이지에 자리잡았습니다. 사용자가 가장 먼저 만나게 되는 웹페이지이므로 적당하다고 생각합니다. 다음은 로그인을 하기 전 사용자가 볼 수 있는 메인 페이지입니다. 글 상단에는 작성일(MMM-dd-yyyy)과 작성자 고유번호(#numbers)가 노출됩니다. Dolphin 은 네이버 로그인을 사용하기 때문에, 사용자를 식별할 수 있는 정보는 저 고유번호가 됩니다. 하단에는 글 내용이 자리잡습니다. 스크린샷에서는 Hello, world!! 라는 문구가 보이네요. 글은 최대 100자까지 허용합니다. 버튼 두개(Newer, Older) 는 페이징 버튼인데, Newer는 최근페이지로 이동을 하며, Older는 지나간 글을 보는 페이징버튼입니다. 기본 페이지 사이즈는 20개입니다. 오른쪽으로 보이는 글 작성 폼은 현재 로그인 하기 전이므로 textarea 는 disabled 처리되어 있고 Login버튼이 자리잡고 있습니다. 다음은 사용자가 로그인 한 뒤의 메인페이지입니다. 변경된 부분은 사용자 고유번호 뒤에 Remove 버튼이 나타났습니다. 해당 글 작성자가 로그인한 사용자일 경우에만 보이게 됩니다. 오른쪽 글 작성 폼도 이제 활성화 되었습니다. 아주 단순한 Textarea 창과 Submit 버튼이 자리잡고 있습니다. 다음은 작성자가 아닌 다른 사용자가 로그인한 경우 입니다. 사용자 고유번호(#54097272) 옆에 Remove 버튼이...

레거시 코드 활용 전략 - 마이클 C. 페더스

2장. 효과적인 피드백 활용 레거시 코드 변경 알고리즘 변경 지점을 식별한다. 테스트 지점을 찾는다. 의존관계를 깬다. 테스트 루틴을 작성한다. 변경시키고 리팩토링한다. 3장. 감지와 분리 레거시코드를 원자 단위까지 분리하여 변경지점을 식별한다. 의존관계를 가진 객체의 경우 Mock/Fake 객체를 사용하기 위해 인터페이스로 의존성을 깬다. 테스트 루틴을 작성 -> 수정 -> 테스트 성공 -> 리팩토링 단계를 반복한다. 4장. 봉합 자바에서는 클래스패스를 이용한 다른 버전의 클래스를 만들수 있다. 5장. 레거시 코드를 위한 도구 JUnit 6장. 고칠 건 많고 시간은 없고 발아(Sprout) Method / Class: 메서드/클래스를 추가 포장(Wrap) Method / Class: 기존 메서드/클래스를 포장하는 메서드/클래스를 추가(데코레이터 패턴) 7장. 코드 하나 바꾸는데 왜 이리 오래 걸리지? 의존관계 반전 원칙 당신의 코드가 인터페이스에 종속되는 경우, 그 의존관계는 사실 경미한 수준으로 눈에 잘 띄지 않는다. 인터페이스가 변하지 않는 한, 코드를 변경시킬 필요는 없다. 또한 인터페이스들은 그들 아래에 위치한 코드에 비해 훨씬 적은 빈도로 변경된다. 인터페이스를 하나 가지고 있는 경우, 그 인터페이스를 구현하는 클래스들을 편집하거나 그 인터페이스를 구현하기 위한 새로운 클래스들을 추가할 수 있다. 물론 그 인터페이스를 사용하는 코드에 영향을 주지도 않는다. 이런 이유 때문에 구체 클래스보다는 인터페이스나 추상 클래스에 종속되는 편이 좋다. 덜 변하는 것들에 종속됨으로써 특정 변경이 초래할지도 모를 대규모 재컴파일 사태의 위험을 최소화할 수 있다. 8장. 특징, 어떻게 추가할까? 테스트 주도 개발 실패 테스트 케이스를 작성한다. 컴파일되게 만든다. 테스트에 통과하도록 만든다. 중복을 제거한다. 반복한다....

Dolphin 2

별도의 회원가입 없이 소셜 로그인 기능 제공으로 간편한 로그인 가능. Dolphin 프론트엔드는 회원가입 절차가 따로 없고, 간단하게 소셜 로그인 기능을 제공함으로써 회원가입, 인증절차를 생략했습니다. 우선, 간단하게 국내에서 잘 알려진 네이버의 API를 사용합니다. 네이버 개발자센터 웹사이트 에서 네이버 아이디로 로그인 기능을 살펴봅니다. 개발 문서를 자세히 살펴보고 API 신청을 합니다. 애플리케이션의 이름을 정하고 필요한 정보를 필수/선택에 체크합니다. 밑으로 내려보면 로그인 API 서비스 환경 부분에서 환경 추가 셀렉트박스에서 PC 웹을 선택하면 다음과 같은 입력폼이 나타납니다. 서비스 URL은 내 웹애플리케이션의 URL이 될 예정입니다. 지금은 개발상태이므로 localhost를 입력했습니다. Callback URL은 네이버 OAuth 인증 url로 호출하면, 인증절차 후 네이버에서 리다이렉트해줄 url을 뜻합니다. 저는 /naver/login 으로 했습니다. 등록이 완료되면 client-id와 client-secret 값을 제공해줍니다. 이 값을 이용해서 인증처리를 할 수 있습니다. spring.io 웹사이트의 튜토리얼 문서를 보면 Facebook 소셜 로그인 기능에 대한 설명이 자세하게 나와있습니다. 이 부분을 참고합니다. Spring Boot and OAuth2 pom.xml 파일에 의존성을 추가하고 Application 클래스에 @EnableOAuth2Sso 애너테이션을 선언합니다. 튜토리얼대로 application.yaml 파일(application.properties)에 설정 정보를 입력합니다. clientId, clientSecret 값은 네이버 개발자센터에서 받은 대로 입력합니다. accessTokenUri는 네이버의 경우 https://nid.naver.com/oauth2.0/token 입니다. userAuthorizationUri는 네이버의 경우 https://ni...