코딩은 한 번도 해본 적이 없습니다.

지난 주말에 후배와 자금계획 관련해서 이야기를 하다가, 예전에 보험영업하시는 분들이 생애주기 자금계획에 대해서 종이에 그림 그가며 설명해주던게 떠올라 이렇게 만들 생각을 해봤습니다.

후배들을 보면 결혼, 주택마련을 위한 자금계획을 주로 액셀로 합니다. 그렇게 하면 도움이 많이 되겠지만, 문제는 숫자로만 보면 머리 속에 그림이 잘 그려지지 않습니다. 숫자만 남아서, 또 떠올리기 싫어질 때가 많아요. 그렇지만 그림으로 보면 시각적으로 보이는 부분들이 있기 때문에 더 긴 기간 동안의 대략적인 그림이 그려집니다.

이거는 그 대략적인 그림을 보기 위함입니다. 세세한 계획을 세우는 것이 아니라, 길게 살 인생에 대한 계획을 그려보는 것이 목적입니다.

HTML 로 만든 이유는, 전에 한 번 EXE 로 하니까 파일용량이 커지고 토큰도 많이 먹는 것 같은 느낌이 들었습니다. 어디까지나 가볍게 공유해서 개개인이 활용해보라고 하는 것이 목적이기 때문에, 가볍게 만드는 것이 좋고, 어디에서나 열릴 수 있게 하기에는 HTML 이 적절할 것으로 생각했습니다. 아마도 어느 유튜브 보고 아이디어 얻었을 겁니다.

이래저래 해보면서 바이브코딩으로 뭘 만들 때 아이디어를 처음에 떠올리기가 쉽지 않다는 느낌을 받았습니다. 세부사항은 많이 해보면 중간중간 자꾸 떠오릅니다. 그게 필요한 내용이면 도움이 될 것이고, 너무 욕심 부리면 과유불급이 되는 것 같습니다. 용도와 목적에 맞게 적절한 선을 지키는 것이 중요한 듯 합니다.

우선 gemini pro 이용자로, 연말에 할인할 때 결제하고 주로 주식분석만 프롬프트로 해왔었습니다. 이렇게 앱을 만들 수 있다는게 참 신기하네요.
아래와 같은 순서로 만들었습니다.

1. NotebookLM 에서 자산관리, 생애주기 등등 연관 키워드로 소스들을 최대한 수집합니다.

2. 그리고 수집된 소스들을 참고하여 NotebookLM 에서 Antigravity 에 입력하여 HTML 로 실행할 수 있는 프롬프트를 만들어달라고 합니다.

3. 만들어진 프롬프트로 Antigravity 에서 HTML 로 앱을 만들어달라고 한다.

4. 만들어진 HTML file 을 실행시켜보면서 잘못된 내용을 수정하고, 빠진 기능을 추가한다.

5. 이 과정을 반복하면서 직접 값을 입력하여, 확인하는 절차를 반복한다.

6. 어느 정도 출력물이 만족스러울 때에 각 항목에 "?" 를 추가해서 어떤 내용인지 알 수 있게 하고, "작성법" 을 넣어 처음 사용하는 사람이 이해할 수 있게 설명을 추가해달라고 한다.

7. 내용을 검토한다.

HTML 은 직접 첨부가 안되어 ZIP file 로 압축해서 올립니다.

미래의 계획을 아주 계획성있게 한다기 보다는 내가 살면서 얼마의 돈이 필요하고, 주요 이벤트마다 금전적으로 어떤 변화가 이루어지는지 확인해보시면 좋을 듯 합니다.

총 작업시간은 3시간 정도 되는 것 같습니다. 중간에 capa 넘겼다고 해서 모델을 gemini 썼다가, claude 썼다가 왔다갔다 했네요. 놀라운 세상입니다. 생각을 말로 표현하는 것 만으로 이렇게 무언가를 만들 수 있다니... 모두가 이런 것도 즐길 수 있는 취미가 된다는 것을 알게 되었으면 좋겠습니다.

끝.