- 비주얼 스튜디오 코드에서 실습 폴더를 열고 터미널을 실행하여 코딩 환경을 설정한다. 💻
- 클로드 또는 제미나이를 사용하여 HTML, CSS, JavaScript 파일을 생성하고, 파일 생성 시 권한 관련 질문에 '2번'을 선택하여 자동 생성을 허용한다. 🤖
- 생성된 HTML 파일을 브라우저에서 열어 결과를 확인하고, Live Server 확장 프로그램을 설치하여 실시간 미리보기를 활성화한다. 🚀
- AI에게 명령어를 통해 코드 수정이 가능하며, 직접 코드를 수정하는 방법도 병행할 수 있다. ✍️
- 바이브 코딩은 아이디어 설명 기반, AI 코드 작성, 대화형 수정, 빠른 배포를 특징으로 한다. 🗣️
- 요구사항 명세를 구체적으로 작성할수록 원하는 결과물을 얻을 확률이 높아진다. 📝
- 애플 스타일의 웹 페이지를 만들기 위해 클로드에게 구체적인 레퍼런스를 제공하여 디자인을 개선한다. 🍎