MSG는 계속 된다

소개

지난 주에

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

(1) Claude, GPT, Google AI Studio → PRD, MRD, TRD 생성

이번에는 진짜 RAG 활용해서 만든다고 버디님께 약속(버디님은 까먹으셨을지도) 했는데,

솔직히 어디서부터 시작해야할지 몰라서 그냥 이번에는 정석(?)대로 가보기로 했습니다.

원혁님이 첫 시간에 발표해주신 것처럼 기획을 최대한 자세히 해보고 (드디어 & 이제야)..

물론 회사에서처럼 무슨 버튼 누르면 어떻게 되고, 그런 것까지 정의하진 않았지만

저의 바이브코딩 인생에서는 가장 상세한 요건 정의를 하였습니다.

전체 아키텍처를 설명해줬고, 그 후에 사용자 여정을 고려해서 설명했어요.

유저가 뭘 누르면 어떻게 되고, 그러면 어떤 화면에서 어떤 메시지가 나가야 하고, ..

이런 식으로 우선 정의해줬어요.

클로드가 기술문서를 만들어줬고, 걔가 제일 고퀄이라,

GPT랑 Google AI Studio가 준 것 중에 쓸 만한 거만 합쳐달라고 했어요.

그 버전을 Lovable한테 줬습니다.

(1) Lovable

지난 주에 만든 러버블 화면이 없어져서(?) 이참에 새로운 계정으로 다시 만들어보기로 했어요.

지금 진행 중

한국어 텍스트가있는 페이지의 스크린 샷

1차 완성본:

한국 및 영어 텍스트가있는 웹 페이지의 스크린 샷

localhost 드디어 열었습니다. (이거도 엄청 힘들었음)

근데 이 화면으로 들어가기 위한 랜딩페이지랑, 로그인 페이지랑, ...

다 팔아먹었나봐요.

내가 정의해준 모든 것들이 반영되지 않는다는 원혁님의 명언이 떠오르며.....

버디님께서 AI를 갈구라 하셨는데

고치느라 하나씩 다 캡처해서 보여주고 안 돼서 google AI studio 에서 해결하고 하니까

어느덧 3시가 되어서 잤어요..

(아침)

일어나서 요건 문서를 다시 모으고 모아서 backend 파일 만들라 해서 만들어놨는데

출근할 시간이군요. 출근해야 해서 이 애매하게 쓰다만 거 어쩔 수 없이 올리고 갑니다~

사례게시글에 '임시저장' 만들어주세요 태현님!!

(이하 퇴근 후 작성 예정)

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

(내용 입력)

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

(내용 입력)

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

2
6개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요