바이브 코딩 플렛폼 중 따로 설치할 필요가 없는 브라우저 기반 Replit을 사용하여 연애용 MBTI 테스트 웹 제작을 해 보겠습니다.
1. 구글에서 Replit 검색

2. Deploy(배포)를 하기 위해선 구독을 해야 하므로 년간 구독(년 $240, 월 $20) 및 월간 구독(월 $25) 중 우선 월간 구독을 하였습니다.
3. 저는 '코딩'의 '코'도 모르지만....Agent 탭을 클릭하고 연애용 MBTI 테스트를 위한 문항하고 관련정보를 정리하여 캡쳐한 후 붙여넣고 엔터만 딸깍하니 바로 알아서 만들기를 시작하였습니다.

4. 중간 중간에 Replit이 테스트 해보라 합니다. 그 때마다 제가 추가로 더 필요한 부분을 요구하면 알아서 반영해 줍니다.




5. Replit이 완성하였다고 하여 테스트 한번해보고 이상이 없어 우측 상단 Deploy(배포)버튼을 누르면 자동으로 도메인을 만들어서 웹사이트로 배포를 완료 합니다.

6. 배포한 웹사이트(https://love-mbti-test-cynieye.replit.app )에 가보면 제가 중간 중간 요구한 사항을 모두 반영하였으며, 작동도 잘 되는것을 확인할 수 있습니다.

7. 좌측 Usage를 누르면 제가 한달 크레딧 $25 중 이번 제작으로 $4.37을 사용한 것을 확인 할 수 있습니다. 한달 내로 이와 비슷한 웹 4개는 더 만들 수 있겠네요...

AI 기술이 정말 하루가 다르게 발전하여 한편으로는 두려움을 느끼기도 하지만 좋은 아이디어만 있다면 코딩을 몰라도 AI를 활용하여 웹을 제작할 수 있으니 여러분도 좋은 아이디어가 있다면 한번 시도해 보는것도 좋을거라 생각합니다.
다음에 또 다른 웹 만들기도 시도해 보겠습니다.

'바이브 코딩(Vibe Coding)' 카테고리의 다른 글
| Replit을 통한 바이브 코딩(Vibe Coding)으로 "오늘 점심 뭐 먹지?" 웹 제작 (0) | 2025.07.09 |
|---|---|
| API(Application Programming Interface)란? (0) | 2025.07.06 |
| 바이브 코딩(Vibe Coding)이란 ?? (0) | 2025.06.23 |