AI 요약관련 정보

• npx sv create 명령어로 Svelte 앱을 빠르게 생성하고, TypeScript, Prettier, ESLint, Vitest, Tailwind 같은 필수 도구를 함께 설정하는 것을 추천합니다. 🚀
• VS Code의 파일 중첩 패턴(예: package.json을 vite.config.ts 아래에 숨기기)을 활용하여 파일 탐색기를 깔끔하게 정리할 수 있습니다. 📁
• 간단한 확장 프로그램을 사용하여 'WIP'와 같은 커밋 메시지를 AI 없이 빠르게 채워 넣는 팁을 공유했습니다. ✍️
• pnpm check 명령어로 TypeScript와 HTML 유효성을 검사하여 코드 품질을 초기부터 유지하는 것이 중요합니다. ✅
• Vitest를 사용하여 pnpm test로 단위 테스트를 실행하고, 컴포넌트 및 페이지 수준의 테스트를 모두 포함합니다. 🧪
• GitHub Actions YAML 파일을 복사-붙여넣기하여 CI/CD 파이프라인을 쉽게 설정하고, 린트, 체크, 빌드, 테스트 단계를 포함합니다. ⚙️
• svelte-migrate syntax 도구를 사용하여 Svelte 4 코드를 Svelte 5 문법으로 자동 변환하여 마이그레이션을 용이하게 합니다. 🔄
• SvelteKit VS Code 확장 프로그램을 활용하여 새 라우트를 생성하면 Svelte 5 문법, 로드 함수 및 타입이 자동으로 생성됩니다. ✨
• 개인적으로 Cursor 에디터를 선호하지만, 때로는 AI 없이 직접 코딩하는 즐거움도 강조했습니다. 💻
• Svelte Inspector의 활용도는 낮았지만, Svelte 5에서 PageData 대신 PageProps를 사용하는 타입 선언의 변화를 언급했습니다. 💡