은퇴네비를 만들며 고민한 입력 항목들

제 은퇴 준비를 직접 계획해 보려고 기존 은퇴 계산기들을 처음 접했을 때, 솔직히 실망이 컸습니다. 대부분의 인터넷 은퇴 계산기들은 몇 가지 텍스트 필드에 숫자를 채워 넣고 '계산하기' 버튼을 누르면 "당신의 예상 필요 노후 자금은 8억 5,000만 원이며, 현재 준비 상태로는 월 120만 원이 부족합니다"라는 식의 차가운 텍스트 결과 한 줄만 던져주었습니다. 그 한 줄을 보고 나면 밀려오는 것은 해답이 아닌 깊은 답답함이었습니다. '내가 은퇴 수익률을 1%만 올리면 결과가 어떻게 바뀌지?', '회사에서 3년 더 버티고 은퇴 나이를 미루면 저축액을 얼마나 줄일 수 있을까?', '집을 팔고 지방으로 내려가면 노후 고갈 시점이 얼마나 늦춰질까?' 같은 실시간 탐색 질문들에 대해, 기존 계산기들은 아무런 대답을 해주지 못했습니다. 매번 뒤로 가기를 눌러 처음부터 숫자를 다시 입력하고 계산 버튼을 눌러야 했기 때문입니다. 결국 저는 엑셀 스프레드시트를 직접 만들어 복리 공식을 다중 조건으로 엮어 두드렸습니다. 그리고 그 엑셀 시트에서 얻었던 최고의 유틸리티와 시각적 즉각성을 웹 인터페이스로 고스란히 이식해 대중화해 보자는 결심을 했습니다. 그것이 은퇴네비의 탄생 배경입니다.

1. 버튼을 없애고 슬라이더를 고집한 UI/UX 철학

은퇴네비의 핵심 개발 원칙은 '사용자가 마우스를 떼거나 화면을 터치하는 매 순간, 그래프는 지연 없이 실시간으로 반응해야 한다'는 것이었습니다. 웹 서핑을 할 때 스크롤이 끊기거나 버튼 클릭 후 로딩을 기다리는 순간 우리의 생각의 흐름은 단절됩니다. 특히 재무적인 가정들을 탐색할 때는 '10만 원 차이', '1년 차이'의 연속적인 변화를 시각적으로 직접 느껴야 감각이 살아납니다.

이를 위해 슬라이더의 범위를 설정하는 것부터 많은 기술적 고민이 있었습니다.

• 현재 자산 슬라이더 (최대 100억 원 한도): 일반적인 직장인부터 고액 자산가까지 폭넓게 커버할 수 있도록 최대 한도를 100억 원으로 설정하되, 모바일 화면에서의 정밀한 조작을 위해 로그 스케일(Logarithmic Scale) 적용을 고민했습니다. 최종적으로는 직관성을 위해 리니어 스케일로 가되 입력창 수동 입력 폴백을 두어 조작의 편리성을 보장했습니다.
• 투자 수익률 슬라이더 (최대 연 15% 한도): 워런 버핏의 평생 연평균 수익률이 20% 내외인 점을 감안할 때, 개인 투자자가 지속 가능한 연평균 수익률의 한계를 15%로 설정하는 것이 합리적인 '필터'라고 판단했습니다. 과도하게 낙관적인 20%, 30%의 가정을 원천 차단하여 시뮬레이션의 현실성을 지키고자 했습니다.

손가락 끝의 터치 하나로 30년 뒤 내 노후 자산의 꼬리가 위아래로 춤추는 것을 경험하는 순간, 사람들은 저축의 필요성을 강박이 아닌 흥미진진한 '게임'처럼 인지하기 시작합니다.

2. 수익률을 '단일 숫자'가 아닌 '범위'와 '은퇴 시점 구분'으로 쪼갠 비화

기존 재무설계 엑셀 시트들을 보면서 가장 불만족스러웠던 것은 "평생 연 5% 복리로 굴러간다"는 가정이었습니다. 실제 주식이나 채권 시장에 투자해 본 사람이라면 누구나 알겠지만, 30년 동안 매년 예쁘게 5%씩 수익을 내는 자산은 세상에 존재하지 않습니다. 리먼 브라더스 사태나 코로나 폭락장처럼 계좌가 −30% 이하로 찢어지는 해도 있고, 연 20% 이상 폭등하는 해도 있습니다.

이를 반영하기 위해 우리는 수익률을 '낙관 시나리오(Best)'와 '보수 시나리오(Worst)'의 두 가지 핸들을 가진 다중 범위 슬라이더로 설계했습니다. 이 두 가정이 그리는 미래 자산 궤적은 그래프에서 단일 선이 아닌, 투명한 채색 밴드(Area Band)로 표시됩니다. 잘 풀릴 때와 최악의 시장 불황이 닥쳤을 때 내 돈의 경로가 그리는 그 '면적'을 직접 마주해야만, 불확실성을 수용하는 진짜 은퇴 설계를 할 수 있습니다.

여기에 더해, '은퇴 전 축적기'와 '은퇴 후 인출기'의 기대 수익률을 물리적으로 구분했습니다. 직장에서 월급을 받으며 자산을 모을 때는 주식 비중이 높아 연 6~7%를 기대할 수 있지만, 퇴직 후에는 자산을 지켜내며 쪼개 써야 하므로 연 3~4%의 안정적인 포트폴리오로 전환하는 것이 정석입니다. 이를 반영하지 않고 은퇴 후에도 연 7% 복리로 평생 굴러간다고 계산하는 것은 노후 파산을 유도하는 위험한 설계이기 때문입니다.

3. 한국적 특수성: 부동산과 현금흐름의 결합

대한민국 가계 자산의 70% 이상이 부동산에 묶여 있습니다. 이 특수성을 무시하고 예금과 주식만으로 은퇴 설계를 하는 것은 한국 직장인에게 아무런 쓸모가 없는 도구였습니다. 하지만 부동산 계산은 기술적으로 꽤나 까다로웠습니다.

자가 아파트를 보유하고 있다면 집값은 자산으로 가산되어야 하지만, 매달 내는 대출 원리금 상환액은 내 가처분소득(현금흐름)을 줄입니다. 반면 대출 원금 상환분은 결국 내 집의 지분(순자산)을 늘려주는 저축의 성격도 지닙니다. 월세나 전세 세입자라면 보증금은 나중에 돌려받을 묶인 자산이고, 매달 내는 월세는 소멸성 비용입니다.

은퇴네비는 부동산 계산식을 백엔드에서 실시간으로 풀어냅니다. 사용자가 자가인지 월세인지를 선택하고 시세와 대출 금리를 입력하는 즉시, 매달 원리금 이자가 현금흐름에서 차감되고 원금 상환액이 순자산 곡선(주황색 선)에 누적되도록 설계했습니다. 덕분에 "부동산 자산은 늘어나지만, 당장 쓸 현금이 부족해 50대 후반에 하우스 푸어로 주저앉는 궤도"를 시뮬레이터가 정확하게 경고해 줄 수 있게 되었습니다.

4. 다중 시나리오 탭과 로컬스토리지(LocalStorage) 저장소

우리가 은퇴 설계를 할 때 가장 머리 아픈 것은 "만약 내 조건이 바뀌면?"이라는 질문들입니다. '외벌이로 전환하면?', '정년을 채우지 못하고 55세에 희망퇴직을 당하면?', '수익률이 평생 3%에 머문다면?'

이를 위해 은퇴네비는 브라우저 내부에 다중 시나리오 탭 시스템을 구현했습니다. 각 탭은 별도의 독립된 시나리오 데이터를 가지고 있으며, 사용자가 입력 값을 변경하는 즉시 브라우저의 `LocalStorage`에 실시간 자동 저장(Auto-save)됩니다. 로그인하여 Firebase 계정과 연동할 경우 이 데이터들이 클라우드로 동기화되어 모바일과 PC를 자유롭게 오가며 계획을 다듬을 수 있습니다.

초기 사용성 테스트에서 "탭 이름을 내 맘대로 바꾸고 싶다"는 피드백을 수용하여, 탭 버튼을 더블 클릭해 '이상적인 시나리오', '최악의 희망퇴직 시나리오'처럼 직접 이름을 커스텀 편집할 수 있는 인터랙션을 추가했습니다. 이러한 세심한 UX 디테일들이 모여, 재테크 설계 도구가 가진 차갑고 딱딱한 인상을 극복하고 사용자가 애정을 갖고 만질 수 있는 놀이터가 되기를 바랍니다. 앞으로도 아티클 댓글이나 문의 페이지를 통해 전달되는 생생한 직장인 여러분의 고민을 반영해 은퇴네비를 지속해서 발전시켜 나갈 계획입니다.