1일 1팁

    [ 1일1팁 18 / 20 ] Antigravity, 다른 바이브코딩 툴과 비교하기

    ·11개월 전·
    663
    💻 개발자
    🚀 창업가
    📋 PM/기획자
    [ 1일1팁 18 / 20 ] Antigravity, 다른 바이브코딩 툴과 비교하기

    퇴근후AI 1일 1팁 11월 26일의 팁!

    여러분과 함께하는 1일 1팁 덕분에 Antigravity를 써봅니다.

    Google의 Antigravity, Lovable과 어떻게 달라?

    쓰기 전에, 러버블과 같은 바이브코딩 툴과 어떻게 다른지를 ChatGPT에 물어봤어요.

    Uploaded image 1

    오, 만들고 → 실험하고 → 고치는 것을 혼자 다한다고?!

    그럼 아주 당연한 실수도 엄청 하는 러버블보다 훨 나은거 아닌가??

    Uploaded image 1

    무슨 말인지 잘 모르겠지만, 제대로 하려면 개발 지식을 좀 알아야한다는 뜻인 것 같아요.

    Uploaded image 2
    Uploaded image 1


    Antigravity 설치 후 바이브코딩 해보기

    역시나 [ 로그인(설치) → 프롬프트 넣기 → 결과 확인 ] 프로세스는 똑같더라고요. 겁먹을 필요가 없었어요.

    사이트에서 다운로드를 받으면 이런 영어 질문을 합니다. 그냥 추천해주는 옵션으로 시작했어요. 😆


    Uploaded image 1

    그럼 이런 화면이 뜨는데 오른쪽 채팅창에 그냥 냅다 원하는 앱의 내용을 적으면 됩니다.

    이런 안내가 좀 불친절하다는 생각이 들었어요. (채팅창인지도 몰랐음)

    Uploaded image 1


    저의 개발 아이디어를 구체화해주는 ChatGPTs에 접속해서 대강 아이디어를 던지고 바이브코딩용 프롬프트(PRD)를 달라고 했습니다.

    포켓몬 마을에 포켓몬들이 3d로 사는데 유저가 카메라 모양의 마우스를 움직이고 + 각도 컨트롤러로 각도를 정하면 그 포켓몬의 사진을 찍을 수 있는 앱을 만들고 싶어.


    Uploaded image 1

    알아서 이렇게 상세한 프롬프트를 만들어줍니다.


    Uploaded image 1

    이걸 Antigravity에 던져봅니다.


    Uploaded image 1

    러버블과 마찬가지로 Proceed, Allow 버튼이 뜨면 부지런히 눌러줬어요.

    ‘뭔지 모르겠지만 진행해’

    근데 러버블처럼 결과 미리보기가 나타나는 것이 아니라 이런 글이 뜹니다.

    Uploaded image 1

    이.. 이게 뭔데…..

    캡처해서 ChatGPT에 물어봤어요.

    Uploaded image 1
    Uploaded image 1


    전체 대화 과정은 여기서 보실 수 있어요.

    맥을 쓰는 저는 ‘터미널’을 실행해서 (검색하면 실행 가능), ChatGPT가 안내하는 대로 명령어를 치고

    Uploaded image 1


    http://localhost:3000/라는 링크로 접속하면 제가 만든 앱을 실행할 수 있더라고요.

    결과물 짠!!

    어.. 나쁘진 않은데… 포켓몬 어디갔어?

    Uploaded image 1

    버튼을 누르면 이렇게 사진도 찍어 갤러리에 저장해줘요.


    Uploaded image 1

    포켓몬 사진 첨부해서 ‘포켓몬 달라!!!’ 계속 요청했더니, 결국 4안 괴물이 나타나버렸어요.

    Uploaded image 1


    확인해보니 이런 3D 모델은 만들어달라고 뚝딱 만드는 것이 아니라,

    제가 포켓몬의 3D 모델 파일을 제공해야만 구현 가능하더라고요.



    Lovable, Gemini 동적뷰, Google AI Studio, Genspark 결과물과 비교하기

    여기서부터 저의 ‘포켓몬 캐릭터 찾기’ 여정이 시작됩니다.

    1. Lovable

    동일한 프롬프트를 넣었더니 이런 화면이 나왔고,

    첫 시도에는 Start를 눌러도 빈 화면이 나왔어요.


    Uploaded image 1

    자꾸 닥달했더니 이런 결과물이 나왔습니다.

    ….원자 기호 아닐까?

    Uploaded image 1


    2. Gemini 동적뷰

    도구에서 ‘동적뷰’를 켜고, PRD까지는 아니고 대략 아이디어를 주어보았어요. (너무 방대하여 이해 못할까봐)


    Uploaded image 1


    오 그럴듯?

    Uploaded image 1


    분명 이상해씨가 있다하는데 아무것도 없어요. 사진을 찍으니 갤러리에 이상해씨가 생겼고요.

    역시나 3D 구현에 한계가 있는 것이 분명해요.

    Uploaded image 1


    3. Google AI Studio

    동일한 프롬프트를 넣었고 이런 결과가 나왔어요.

    똥글똥글 귀엽긴하지만…

    Uploaded image 1


    4. Genspark

    Genspark에도 AI Developer 기능이 있습니다.

    같은 프롬프트를 넣어봤는데

    Uploaded image 1


    오???

    저는 이 버전을 아이에게 줄 것 같긴 하네요. 😆


    Uploaded image 1
    Uploaded image 2

    결국 결과는 Genspark AI Developer 압승!!

    하지만 워낙 데이터베이스도 없고 회원가입 관리도 없는 1차원적인 간단한 앱이라 그렇고,

    구현이 복잡해지는 순간 러버블로 옮겨가지 않을까 싶습니다.

    여러분도 한번 도전해보세요!

    >> 젠스파크 10% 할인 링크

    >> 젠스파크 전자책 가이드 링크



    11월 평일 매일 저녁 7시 아래 난이도 대로 1일 1팁을 제공합니다.      


    12월 1일 무료 젠스파크 웨비나도 많이 신청해주세요!

    https://www.latpeed.com/products/8a_pN

    Uploaded image 1



    더 알고 싶은 내용, 질문이 있으면 단톡방에 올려주세요! 팁 공유에 참고하겠습니다. 🙂

    💬 오픈채팅방 입장


    AI 초급/중급, 젠스파크 4주 챌린지를 인프런에서 만나보세요.


    AI 초급/중급, 젠스파크 4주 챌린지


    올해 1-2월, 150분과 AI 챌린지를 진행했습니다. 실제 여러 참여자 분들의 실력이 늘어나는 것도 보고 후기 반응도 좋았는데 3월부터는 챌린지를 진행할 여유가 되지 않아 인프런에 VOD와 미션으로 등록했습니다!


    장담 같은 것 잘 못하지만, 정말 초보인 분들도 쉽게 실천하시는 걸 봤기에, 이 강의를 보면 AI 활용 능력이 확실히 늘어난다!! 라고 말씀드릴 수 있어요. :)


    특히 젠스파크 강의는 전세계에 이 정도 상세한 기능 설명은 거의 유일할 것 같습니다. 많은 신청해주세요!


    AI 초급-중급 강의 및 챌린지 - 15개 AI 툴을 한 번에! (4주 완성 학습자료 + 과제 포함)

    https://inf.run/uJWwr (2만원 할인~3.31)


    젠스파크 4주 완성 챌린지 - 세상 어디에도 없는 상세 기능 설명 A to Z

    https://inf.run/SmmiY (2만원 할인, ~4.30)

    로딩 중...