소개
최근 스터디에서 배운 내용을 실천하기 위해, 저는 Lovable ai를 활용하여 프로토타입을 먼저 개발하고, 그 후 GitHub에서 이를 다운로드하여 Cursor에서 고도화하는 방법을 연습했습니다. 이 과정은 17기 스터디와 우수사례 발표에서 배운 점들을 복습하며 실제 프로젝트에 적용해 보는 좋은 기회였어요. 특히, 실제로 어떻게 고도화가 이루어지는지 경험하면서 더 많은 기술적 통찰을 얻을 수 있었습니다.
진행 방법
처음에는 지난 15기 (아니면 16기)의 지피터스 스터디에서 들었던 유니님이 만든 PRD GPTs로 부터 얻은 PRD를 참고해, Lovable ai에서 미리 만든 초안을 활용했습니다. 이 초안은 감성적이고 예쁜 "혼자만의 여행을 영화로 만드는 모노드라마 컨셉"으로, Lovable ai가 주는 매력적인 디자인 덕분에 좋은 시작점을 제공해 주었습니다. 그 후, GitHub에서 이 파일을 다운로드하고 Cursor에서 이를 고도화하는 작업을 진행했습니다.
특히, 지난 주 우수사례 발표에서 연재님이 꼼꼼히 설명해주신 내용을 복습하면서, 저 자신이 아직 여러 디자인을 접해보지 못했고 특별한 아이디어가 없는 상황이라 Cursor에서 고도화해달라는 프롬프트만 입력하였을 뿐입니다.
고도화 과정이 아무래도 덩치를 키우는 것이다보니 Cursor가 많이 버벅거렸습니다. 그래서 멈추거나 문제가 생길 때는 Gemini를 따로 열어두고 질문해 가며 문제를 해결하고, 기술적인 부분도 쉽게 이해할 수 있었습니다. Gemini는 코드나 작업에 대한 해결책을 빠르게 제공해주었고, 설명도 이해하기 쉽게 해줘서 많은 도움이 됐어요.
Lovable ai에서 생성된 프로토타입
Github 연결 후 코드 다운
결과와 배운 점
아무것도 몰라 엄청 헤매면서 했지만, 그 과정에서 얻은 경험이 매우 유익했습니다.
Lovable ai에서는 이미 예쁜 프로토타입을 만들 수 있었지만, Cursor에서는 이를 훨씬 더 고도화할 수 있었습니다. 결과적으로, 완성된 프로젝트를 보고 사업으로 확장할 수 있는 가능성도 느꼈습니다.
Lovable ai의 초안
Cursor에서 고도화하여 얻은 결과물
흐르는 감성 글로 후킹하기
아래에 '현재 당신과 함께 여행을 고려중인 사람 숫자' 보여주기
맨 위 오른쪽에 '방금 OOO님이 여행을 예약했습니다' 보여주기 등 디테일 추가
다음 계획
이 프로젝트를 기반으로, 더 세부적인 디자인 작업과 시스템 연결 방법을 공부할 예정입니다. GitHub에서의 버전 관리에 대해 더 잘 이해하고, 이를 프로젝트에 효과적으로 적용하는 방법을 배워보고 싶어요. 또한, AI를 활용한 튜터링을 통해 혼자서도 지속적으로 발전할 수 있다는 자신감을 얻었습니다.
독자에게 남기고 싶은 메시지
AI 도구들은 정말 강력한 튜터가 될 수 있다는 걸 알게 되었습니다. 혼자서도 충분히 학습하고, 실력을 키울 수 있다는 점에서 큰 도움이 되었습니다. AI 도구들을 활용하면서 스스로 해결책을 찾고, 점차적으로 고도화할 수 있음을 실감했습니다. 이제는 어떻게 세부적인 디자인을 다듬고, 시스템을 연결할 수 있을지에 대한 계획을 세워야겠습니다.
도움 받은 글 (옵션)
연재님 우수사례발표
