비개발자가 주식 앱을 만들기로 했다: 바이브코딩의 시작

주식 정보를 한 곳에서 보고 싶었다.

HTS는 복잡하고, MTS는 기능이 부족하고, 유튜브나 블로그는 너무 산만하다. 내가 원하는 건 단순했다 — 내가 관심 있는 종목들의 현황을 한 눈에 보고, 내 매매 기록을 정리하고, 좋은 글을 읽는 것.

그냥 만들기로 했다. 코딩은 할 줄 모른다. 그래서 Claude Code를 쓰기로 했다.

프로젝트 이름은 "mystock". Firebase + Cloudflare Workers 조합으로 시작했다.

투자성향 설정 화면

처음 접속하면 투자성향을 설정하는 화면이 나온다. 안정형/성장형/공격형 중 선택. 이걸 localStorage에 저장해서 이후 페이지에서 활용하는 구조를 잡았다.

비개발자가 처음 Claude Code를 쓰는 거라 생각보다 오래 걸렸다. 프롬프트를 어떻게 써야 하는지가 관건이다. "로그인 화면 만들어줘"보다는 "Firebase Auth 기반 이메일/비밀번호 로그인, 성공 시 /home으로 리다이렉트, 에러 메시지 한국어"처럼 구체적으로 써야 한다.

첫 배포

Firebase Hosting으로 첫 배포까지 완료. 화면에 뭔가 뜨는 걸 보니 신기했다.

디자인은 인디고/퍼플 계열로 잡았다. 나중에 바꾸게 된다.

이 글의 소감을 Threads에서 확인하세요.