전체 글 27

06_와이어프레임 & 상세 기획

Antigravity로 PRD 초안을 만들었다. (지난 포스팅 내용)가능한 상세한 기획을 해두기로 했기 때문에 아직 갈길이 먼 PRD다. PRD 상태에서 클로드 코드와 MOAI ADK로 넘어 갈까.. 했지만…Antigravity로 할 수 있는 데까지 세부 기획을 해보기로했다. (안티그라비티도 사용해보고 싶고, 토큰도 아껴보고 싶고 ㅎㅎ) 1. 홈화면 와이어프레임PRD에서는 대략적인 와이어 프레임을 요구했는데.. 그래픽 작업이 된 화면 시안을 뽑아줘버렸다.(아직 거기까지는 아니라고…심지어 내가 원하는 디자인 컨셉도 아니었음…)단순한 도시화 수준의 와이어 프레임으로 화면 구성을 확인하는 것이 우선이라고 판단했다. 또 다양한 경우의 수에 대한 와이어프레임을 가능한 많이 확인하고 싶었다. 그래서 핵심 UX가 제..

05_기획_바이브 코딩

들어가기에 앞서지난 번 포스팅에서 언급한 MOAI-ADK로 바이브 코딩으로 개발하는 과정을 살펴보니… 스펙 문서가 잘 작성되면 바이브코딩으로 퍼포먼스가 잘 나오는 것 같다. 돌이켜 보면 나의 클로드 코드를 활용한 몇 차례의 바이브 코딩은 초기 결과물은 좋지만 이후 이래저래 꼬인다는 것이 였다. 초기 결과물을 테스트 하고 지속적으로 디벨롭을 해나가겠다는 마음이었지만… 돌이켜 보면 무엇을 만들겠다는 것이 명확하게 정의 되지 않은 상태라 문제가 생긴 것 같다. ‘딸깍 하면 다 만들어준다.’는 말은 더 이상 믿지 않는다. 누군가 바이브 코딩으로 뭔가를 엄청 쉽게 했다고 말하면 바이브 코딩 전에 하고 싶은 무엇인가가 명확히 정의 되어 있는 상황이 선행되었겠구나.. 하고 생각한다. 이 필요하다. MOAI-A..

04_AI 코딩 프레임워크_MOAI-ADK

지난 두 달간 클로드 코드를 사용해봤지만 어려움을 겪었다. -클로드 코드의 사용법을 제대로 학습하지 않았더니 제대로 활용하지 못하는 느낌이었고-비 개발자로서 기술 기반 지식이 부족하다 보니 개발 진행하는 과정에서 발생하는 다양한 선택지에서 어려움을 겪었다. 찾아보니…개발 워크플로우를 제공하는 다양한 클로드 코드용 프레임워크가 있다. 이런 프레임워크를 사용함으로 개발 방법론 등을 보완하고자 한다. 그 중에서 써보고 있는 것은 MOAI - ADK라는 것이다.만드신 분이 구스님 이라는 분이신데,페북 이런 저런 소식이나 본인이 직접 사용하고 있는 방식을 많이 올리시는 편이다. 몇 가지 포인트가 있다. 1. SPEC 기반 개발스펙을 탄탄히 짜둘 수록 AI를 활용한 코딩 퍼포먼스가 좋은 편이다. 2. PLAN ..