소개
AIStudio 에서 바이브코딩으로 만든 여행지 사진 앱, 직접 Vercel로 배포해보기
소개
사진 한 장만 올리면 내가 가고 싶은 세계 최고의 여행지에서 찍은 듯한 이미지를 생성해주는 앱을 만들었어요 ✨
AIStudio에서 본 아이디어를 벤치마킹했고, 앱을 만들고 나서 단순히 실행만 해보는 것이 아니라 직접 배포까지 해보고 싶은 마음에 도전하게 되었습니다 💪
진행 방법
🛠 사용 도구
앱 제작: 바이브코딩
소스코드 저장: GitHub
웹 배포: Vercel
⚙️ 진행 과정 요약
바이브코딩을 활용해 앱을 구성하고 이미지 생성 기능 구현
GitHub에 소스코드를 업로드하는 과정은 잘 진행됨
이후 Vercel과 연동하여 배포를 시도했지만 빌드 에러로 여러 차례 실패 🤯
위 에러를 다시 gemini에게 주고 애러 수정 요청 하였으나 아직 방법을 찾지 못함
다른 앱들로 404오류를 보이고 있음
향후 배포시 고려해야 할 요소를 학습할 필요가 있음
결과와 배운 점
배포 흐름에 대한 큰 그림을 이해하게 됐어요
Git → Vercel 연동이 처음엔 막막했지만, 직접 해보니 어떤 흐름으로 작동하는지 체득할 수 있었습니다.
디버깅 능력이 향상되었어요
에러를 겪고 해결하는 과정이 반복되면서 에러 로그를 읽는 눈도 생겼고, 검색 실력도 늘었어요 😎
느낀 점
앱이나 웹을 만드는 건 꽤 직관적인데, 세상에 내놓는 과정(배포)은 또 다른 난이도라는 걸 깨달았습니다.
하지만 직접 부딪혀보면 생각보다 많이 배울 수 있어요!
