실전 바이브 코딩 - 코딩 없이 코딩한다! Vibe로 개발부터 클라우드까지
- 볼트 AI를 사용하여 웹 페이지에 버튼을 추가하고, 이 버튼을 통해 아이프레임 내에 특정 URL을 표시하는 작업을 수행함 🖼️
- 한국어 프롬프트보다 영어 프롬프트가 AI 작업에 더 효과적일 수 있어, ChatGPT를 활용하여 한글 프롬프트를 영어로 변환하는 과정을 거침 ✍️
- AI가 제공하는 제안(예: 버튼 스타일 일치)은 개발자가 미처 고려하지 못했던 부분을 개선하는 데 도움을 줄 수 있음💡
- 볼트 AI에서 개발한 소스 코드를 다운로드하여 실제 웹 페이지에 적용하고, S3에 업로드하여 변경 사항을 반영함 💾
- 클라우드 프론트 연결을 통해 웹사이트의 성능을 개선하고, HTTPS를 적용하여 보안을 강화함 🛡️
- 라우트 53 설정을 업데이트하여 도메인이 클라우드 프론트를 통해 연결되도록 변경하고, DNS 전파 상태를 확인하여 변경 사항이 전 세계적으로 적용되었는지 확인함 🌐
- 아이프레임 내에서 마이크 접근이 차단되는 문제를 해결하기 위해, 얼라우 마이크로폰 속성을 명시적으로 선언하여 웹 스피치 API를 활성화함 🎤
- 사용자와 시나리오에 맞게 대화를 진행하고 영어 회화 실력을 평가해 주는 과외 선생 앱을 개발하고, 이를 웹 페이지에 통합하여 사용자가 접근할 수 있도록 함 🧑🏫
- 채GPT와 지속적인 대화를 통해 문제 해결 과정을 진행하고, AI의 제안과 검토를 활용하여 개발 과정을 개선함 💬
- 개발된 앱을 테스트하고, 사용자 피드백을 수집하여 앱의 기능을 개선하고 사용자 경험을 향상시킴 ✅