- 현재 개인 프로젝트에 사용하는 기술 스택은 TypeScript (strict mode 사용) 📝, Next.js (React 기반) ⚛️, Tailwind CSS 🎨, Neon (Postgres) 🐘, Prisma 💎, Vercel 🚀, Jest 🧪, GitHub Actions ⚙️, Claude Code 🤖, Render.com 🌐 입니다.
- TypeScript는 처음에는 싫어했지만 프로젝트 규모가 커질수록 오류를 사전에 잡아주고 코드 가독성을 높여주는 장점 덕분에 선호하게 되었습니다. 👍
- React는 가장 익숙한 프론트엔드 프레임워크이며, Next.js는 서버 사이드 렌더링, API 라우팅 등 다양한 기능을 제공하여 대규모 애플리케이션에 적합합니다. 💡
- Tailwind CSS는 CSS 작성 부담을 줄여주며, Shad CN UI는 커스터마이징 가능한 UI 컴포넌트 라이브러리입니다. ✨
- Neon은 안정적인 가격 정책과 편리한 기능 (branching)을 제공하여 Postgres 데이터베이스 호스팅에 사용됩니다. 💰
- Prisma는 데이터 모델링, 마이그레이션, 데이터 관리를 위한 Prisma Studio 등 다양한 기능을 제공하는 ORM입니다. 📚
- Vercel은 Next.js 프로젝트 배포에 사용되며, GitHub Actions는 테스트, 린팅, 빌드 자동화에 사용됩니다. 📦
- Claude Code는 코드 작성 및 리뷰를 돕는 AI 도구로, 프로젝트 컨텍스트를 명확히 설정하고 협업하는 방식으로 활용합니다. 🤝
- Render.com은 백엔드 API 배포를 간편하게 만들어줍니다. ⚙️
- webutils.io (다양한 웹 유틸리티 모음) 🛠️, devsheets.io (기술 치트 시트 제공) 📚, 건강 관련 SAS (증상 추적) 📊 등의 프로젝트에 현재 기술 스택을 사용하고 있습니다.
- apiocker.com (Fake REST API) ⚙️, apiprobe.dev (API 테스트 도구) 🧪 는 Express 와 같은 다른 기술을 사용하여 구축되었습니다.
- AI를 사용할 때는 프롬프트에만 의존하지 않고, 코드 작성, 테스트, 리뷰를 수동으로 진행하여 오류를 줄이고 코드 품질을 높이는 것이 중요합니다. ⚠️