전체 글64 [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #09] Vite 배포 에러 "Failed to resolve /assets/..." 완벽 해결 가이드 안녕하세요! 방구석에서 코딩이라는 무기로 저만의 자본주의 파이프라인을 개척하고 있는 1인 개발자입니다.지난 7편과 8편에서 제 노트북 속에 있던 코드를 전 세계로 배포하고, 예쁜 썸네일까지 달아주는 마케팅 과정을 정말 신나게 이야기했었죠. 글만 보면 아주 순조롭게 탄탄대로를 걸어온 것 같지만... 사실 배포 버튼을 누르던 그 이면에는 제 심장을 철렁 내려앉게 만들었던 아주 무시무시한 에러와의 사투가 숨어있었습니다. 오늘은 제가 Netlify에 웹사이트를 배포하다가 마주친, 화면을 붉게 물들였던 공포의 Vite 배포 에러 해결기를 적어보려고 합니다. 아마 지금 이 글을 읽고 계신 분들 중 상당수는 구글에 저 길고 긴 에러 메시지를 복사해서 검색하다가 들어오셨을 겁니다. 너무 걱정하지 마세요. 아주 허무할 .. 2026. 3. 16. [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #08] 완벽한 Open Graph(OG) 태그와 썸네일 적용기 안녕하세요! 방구석에서 코딩이라는 무기로 저만의 자본주의 파이프라인을 뚝딱뚝딱 지어 올리고 있는 1인 개발자입니다.지난 7편에서 우리는 드디어 제 노트북 안에만 갇혀있던 코드를 Netlify를 통해 전 세계로 배포하는 감격스러운 순간을 맞이했습니다. 화면에 "Site is live!"라는 초록색 글씨가 떴을 때의 그 짜릿함은 정말 잊을 수가 없죠. 배포가 끝나자마자 저는 너무 신이 난 나머지, 새로 부여받은 제 웹사이트 주소를 복사해서 운영 중인 경제 블로그 에디터에 딱! 붙여넣고, 친구들이 있는 카카오톡 단톡방에도 자랑스럽게 전송했습니다. "야, 이거 내가 만든 파이어족 은퇴 계산기인데 한 번씩 써봐라!" 그런데 이게 웬일일까요? 화면에 나타난 건 제가 정성스럽게 디자인한 예쁜 파란색 계산기 화면이 아.. 2026. 3. 15. [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #07] 내 노트북 속 코드를 전 세계로: Netlify 무료 배포 및 Github 연동 안녕하세요! 방구석에서 코딩이라는 마법 지팡이로 저만의 자본주의 파이프라인을 구축하고 있는 1인 개발자입니다.지난 1편부터 6편까지 정말 먼 길을 달려왔습니다. 기획을 하고, 슬라이더를 달고, 복잡한 로직을 짜고, 영롱한 J커브 그래프까지 완벽하게 그려냈죠. 지금 제 노트북 화면에 띄워진 시뮬레이터는 정말이지 완벽하게 작동합니다.하지만 치명적인 문제가 하나 있습니다. 이 완벽한 사이트의 주소가 http://localhost:5173 이라는 사실이죠. 즉, 지금 이 세상에서 이 웹사이트를 볼 수 있는 사람은 제 노트북 앞에 앉아있는 저 혼자뿐이라는 뜻입니다. 친구에게 카카오톡으로 저 주소를 보내봤자 "접속할 수 없는 사이트"라는 에러창만 뜨겠죠. 그래서 오늘 7편에서는 제 노트북 속에 갇혀있던 이 귀여운 .. 2026. 3. 14. [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #06] J커브의 쾌감, Recharts(또는 Chart.js)로 자산 성장 그래프 그리기 안녕하세요! 방구석에서 노트북 하나로 자본주의 생존 무기를 만들어가고 있는 1인 개발자입니다.지난 5편에서는 물가상승률과 절세계좌(ISA)라는 현실적인 변수들을 스위치 하나로 통제하는 짜릿한 로직을 완성했었죠. 내부적으로는 수십 년 치의 완벽한 복리 데이터가 성공적으로 쌓이고 있었습니다. 하지만 숫자는 그저 숫자일 뿐입니다. 화면에 "은퇴까지 15년 남았습니다"라고 글씨만 띡 띄워주면 사람들의 가슴이 뛸까요? 절대 아닙니다. 파이어족을 꿈꾸는 사람들을 진짜 미치게 만드는 건, 시간이 지날수록 내 자산이 눈덩이처럼 불어나 결국 하늘로 솟구치는 거대한 '곡선'을 두 눈으로 직접 확인하는 순간입니다. 그래서 오늘 6편에서는 딱딱한 데이터 뭉치를 아름다운 곡선으로 탈바꿈시켜 준 데이터 시각화의 꽃, '차트 그리.. 2026. 3. 13. [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #05] 현실 고증 200%: 물가상승률과 절세계좌(ISA) 토글 기능 구현기 안녕하세요! 방구석에서 코딩이라는 망치질로 자본주의 생존 도구를 다듬고 있는 1인 개발자입니다.지난 4편에서는 자바스크립트의 무한 반복문(While)을 이용해 눈덩이처럼 불어나는 '배당 재투자 복리의 마법'을 코드로 구현한 이야기를 들려드렸죠. 그렇게 엔진을 완성하고 나니 화면에 "10년 뒤 은퇴 가능!"이라는 짜릿한 결과가 떴습니다.그런데 기쁨도 잠시, 제 머릿속을 스치는 서늘한 현실의 그림자가 있었습니다. "잠깐만, 지금의 300만 원이 과연 10년 뒤, 20년 뒤에도 똑같은 가치를 가진 300만 원일까?" 그리고 "나라에서 떼어가는 배당소득세는 어쩌지?"라는 생각이었죠. 인터넷에 굴러다니는 흔한 계산기들이 그저 그런 장난감으로 전락하는 이유가 바로 이 지점입니다. 현실의 돈은 멈춰있지 않고, 세금은.. 2026. 3. 12. [올인원 배당 파이어족 은퇴 시뮬레이터 메이킹 로그 #04] 배당 재투자 복리의 마법, JavaScript 로직으로 완벽 구현하기 안녕하세요! 방구석에서 코딩으로 저만의 자본주의 생존 무기를 벼려내고 있는 1인 개발자입니다.지난 3편에서는 리액트(React)를 켜고 수많은 입력값들을 하나의 캐리어(객체)에 깔끔하게 담아 통제하는 방법을 이야기했죠. 겉모습을 꾸미고 재료 준비까지 다 마쳤으니, 이제 진짜 요리를 시작할 때입니다. 오늘 다룰 이야기는 이 시뮬레이터 프로젝트의 알파이자 오메가, 바로 심장부 역할을 하는 '핵심 알고리즘'입니다. 복잡한 수학 공식이나 골치 아픈 계산식은 다 집어치우고, 오직 자바스크립트(JavaScript)라는 프로그래밍 언어의 순수한 논리만으로 '복리의 마법'을 어떻게 코드로 빚어냈는지 그 짜릿한 과정을 탈탈 털어보겠습니다. 복리의 본질을 코드로 번역하다파이어족이 배당주에 투자해서 돈을 불려 나가는 과정을.. 2026. 3. 11. 이전 1 ··· 7 8 9 10 11 다음
