비개발자 가계부 앱 만들기 (1) : AI로 앱 기획하기 / 코덱스, Superpowers

결혼, 임신을 하면서 가계부를 쓸 일이 잦아졌다. 출산,이사를 앞두고 있다보니 더더욱 수입/지출이 들어오고 나가기를 반복해서 더 복잡해졌다. 가계부 앱은 많지만, 뭔가 우리 부부에게 맞는 방식은 아니라서 구글시트로 관리하고 있었는데, 여전히 아쉽긴 마찬가지였다. 그래서 이번엔 아예 코덱스를 활용해서 우리 부부만 사용할 가계부 앱을 만들어버렸다. 참고로 나는 개발자가 아니다. HTML, CSS, JS 정도 아주 기초만 알고 있고, IT 서비스 기획자로 일하면서 개발자들과 협업은 많이 해봤지만 실제로 서비스를 내가 개발해본 적은 없다. 그런 상태에서 시작해본 바이브 코딩 후기를 천천히 풀어나가보려고 한다.1. 문제 파악 : 소비가 아닌 현금흐름 확인우리 부부는 결혼 할때부터 구글시트로 가계부를 관리해왔다. ..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2026. 7. 27.
• textsms

[바이브 코딩] 비개발자 Cursor AI로 개발 시작하기 (4) 정리 및 회고

UI 개선 및 수정 과정이 매끄럽지 못한 관계로, 정리 및 회고 과정을 먼저 작성해보려고 한다.(프로젝트 진행이 원활하게 되면 UI 수정에 관한 글을 다시 남겨봐야겠다ㅠ) 여태까지 Cursor AI로 바이브 코딩을 하면서 배운 점, 부족했던 개념, 다음번에 더 잘하고 싶은 부분들을 하나씩 정리해보려고 한다. 특히 오늘은 내가 비개발자로서 헷갈렸던 기술 개념들을 주로 정리해 봤다.1. Cursor AI Agent 활용하기나는 GPT 유료 플랜을 사용 중이라 Cursor에서 Codex Extension을 따로 설치해 코딩을 진행했다.하지만 Cursor AI를 구독하면 Agent 기능을 사용할 수 있어, 더 폭넓게 활용할 수 있다.20달러 플랜부터 Agent를 활용할 수 있고, Pro를 구독하게 되면 7일 무..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2025. 11. 17.
• textsms

[바이브 코딩] 비개발자 Cursor AI로 개발 시작하기 (3) Codex로 바이브 코딩 시작하기

이전 글에서는 아이디어를 구체화하고 PRD를 작성하는 과정을 정리했었다.이제 PRD가 준비되었다면, 본격적으로 Cursor AI로 넘어가 바이브 코딩을 시작할 차례다. 비개발자인 나도 이 과정을 거치면서 조금씩 코드를 이해하게 됐고, 100% 모든 걸 이해할 수 없지만 흘러가는 과정에 대한 이해는 어느 정도 하게 된 것 같다. 이번 글에서는 PRD를 기반으로 Cursor AI Codex를 활용해서 코드를 생성하고, 서버를 띄워 결과물을 확인하는 과정, 그리고 API 연결까지 비개발자 기준에서 정리해보려고 한다. PRD 작성하는 과정이 궁금하다면 아래 포스팅 먼저 참고👉🏻 [바이브 코딩] 비개발자 Cursor AI로 개발 시작하기 (2) 기획, PRD 작성 1. Cursor AI에서 첫 프로젝트 생성..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2025. 11. 14.
• textsms

[바이브 코딩] 비개발자 Cursor AI로 개발 시작하기 (2) 기획, PRD 작성

이전 글에서는 Cursor AI와 Node.js를 설치하는 방법에 대해 간단하게 정리했었다.오늘은 그다음 단계로, 앱을 만들기 전에 꼭 필요한 '기획' 단계, PRD를 작성하는 과정에 대해 이야기해보려 한다. Cursor AI 설치법이 궁금하다면 아래 글 참고 [바이브 코딩] 비개발자가 Cursor AI로 개발 시작하기 (1) Cusor AI, Node.js 설치법1. 비개발자인 내가 코딩을 시작하게 된 이유나는 개발자들과 함께 일하는 기획자였다. 자연스럽게 코딩에 대한 관심은 늘 있었지만, 실제로 코드를 다뤄본 적은 거의 없었다. 그러다 Swift UI로ai-for-everybody.tistory.com 1. 왜 기획이 필요한가?AI에게 '에디터 앱 만들어줘'라는 식으로 명령하면, 뭔가 그럴듯한 코드가..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2025. 11. 13.
• textsms

[바이브 코딩] 비개발자가 Cursor AI로 개발 시작하기 (1) Cusor AI, Node.js 설치법

1. 비개발자인 내가 코딩을 시작하게 된 이유나는 개발자들과 함께 일하는 기획자였다. 자연스럽게 코딩에 대한 관심은 늘 있었지만, 실제로 코드를 다뤄본 적은 거의 없었다. 그러다 Swift UI로 바이브 코딩을 하며 첫 발을 들여놓기는 했지만, 개발 용어가 생소하고 익숙하지 않아서 중간에 포기하고 말았다. 그러던 중 개발자인 남편의 추천으로 '요즘 당근 AI 개발'이라는 책을 읽게 되었다.이 책에서는 당근 팀의 비개발자인 PM이나 오퍼레이션 매니저들이 직접 AI(주로 Cursor AI)를 이용해 서비스를 개선하는 과정을 소개하고 있었고, 그 사례들이 꽤 인상 깊었다. 나도 다시 도전해 볼까?라는 마음이 들기 시작했다. 어디서부터 시작할지 고민하다가, 내가 일상에서 자주 하는 '블로그 글쓰기'를 자동화하면..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2025. 11. 12.
• textsms

Sora2 앱 사용 후기 내 얼굴로 AI 영상 생성 가능?

Sora2 앱을 드디어 누구나 사용할 수 있게 되었다. 한동안 초대 코드 없이는 접속할 수 없어서 접근이 불가능했는데, 이제는 iOS 사용자라면 누구든 바로 사용이 가능하다. 나 역시 영상 생성 AI 모델들을 꾸준히 써온 입장이라 호기심 폭발ㅎ 결국 다운로드 후 바로 사용해봤다.이번 글에서는 실제로 써보며 느낀 변화와 기능들을 중심으로 간단히 정리해보려고 한다.1. Sora2 앱, 어떻게 시작할까?사용법은 간단하다.1) 앱 스토어에서 'Sora2' 검색 후 다운로드2) 기존 챗GPT 계정으로 로그인 (별도 가입 불필요)3. 바로 영상 피드와 생성 기능 이용 가능 아쉽게도 아직 안드로이드는 미지원이다. 다만 OpeanAI 공식 발표를 봤을 때, 안드로이드 버전도 추후 공개될 것으로 보인다. 2. 첫인상 ..

• format_list_bulleted AI&툴 활용기/AI 활용하기
• · 2025. 10. 15.
• textsms