유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

My Current Tech Stack

Traversy Media

2025. 9. 9.

0

#frontend
#backend
  • 현재 개인 프로젝트에 사용하는 기술 스택은 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를 사용할 때는 프롬프트에만 의존하지 않고, 코드 작성, 테스트, 리뷰를 수동으로 진행하여 오류를 줄이고 코드 품질을 높이는 것이 중요합니다. ⚠️

Recommanded Videos