AI Vibe Coding Tutorial + Workflow (Cursor, Best Practices, PRD, Rules, MCP)
- AI 코딩은 앱 개발 방식을 완전히 바꾸고 있습니다. 🤖
- Cursor, Visual Studio Code, Windsurf 등 다양한 AI 코드 편집기가 있습니다. 💻
- V0, Bolt, Lavabowl은 아이디어 프로토타입에 유용하지만, 복잡한 앱에는 실제 코드 편집기가 필요합니다. 🧪
- 넥스트.js는 풀스택 프레임워크이지만, 모바일 앱 지원이나 백그라운드 작업에는 제약이 있습니다. 🚧
- Encore는 백엔드 애플리케이션 개발을 간편하게 해주며, 넥스트.js와 함께 사용하기 좋습니다. 🤝
- 제품 요구 사항 문서(PRD)는 앱 구조를 정의하지만, 초기 단계에서는 불필요할 수 있습니다. 📝
- Cursor의 AI 에이전트 모드는 코드 편집과 질문 답변을 자동으로 결정합니다. 💡
- Cursor는 OpenAI 또는 Anthropic의 AI 모델을 사용하며, 필요에 따라 모델을 선택할 수 있습니다. 🧠
- Cursor 규칙을 사용하면 AI가 생성하는 코드의 스타일과 규칙을 제어할 수 있습니다. ⚙️
- 컴포넌트 파일 이름에 kebab case를 사용하도록 규칙을 설정하여 일관성을 유지할 수 있습니다. 🔑