이 레포지토리는 "요즘 안티그래비티" 과정에서 다루는 실전 프로젝트들의 소스 코드를 담고 있습니다.
각 프로젝트는 최신 웹 기술 스택(Next.js, Supabase, TypeScript 등)을 기반으로 하며, 단계별로 핵심 아키텍처와 개발 방법론을 학습할 수 있도록 구성되어 있습니다.
각 디렉토리에는 해당 프로젝트의 전체 소스 코드와 설정 파일이 포함되어 있습니다.
| 프로젝트 | 경로 | 설명 |
|---|---|---|
| Project 4: TDD | 4/tdd |
테스트 주도 개발(Test Driven Development)을 통한 견고한 코드 작성법 학습 |
| Project 5: Clean Architecture | 5/clean architecture |
유지보수성과 확장성을 극대화하는 클린 아키텍처 설계 패턴 실습 |
| 프로젝트 | 경로 | 설명 |
|---|---|---|
| Project 7: SaaS Landing Page | 7/saas-landing-page |
마케팅과 전환율 최적화를 고려한 모던한 SaaS 제품 소개 페이지 |
| Project 8: Blog | 8/blog |
Next.js의 렌더링 전략과 SEO 최적화를 적용한 블로그 플랫폼 |
| Project 9: Realtime Chat | 9/chat |
Supabase Realtime을 활용한 실시간 채팅 및 메시징 시스템 |
| Project 10: E-commerce | 10/ecommerce |
상품 관리, 장바구니, 결제 시스템을 갖춘 종합 온라인 쇼핑몰 |
| Project 11: CloudNote SaaS | 11/saas |
AI 요약, 스마트 검색, 구독 결제 기능을 포함한 본격적인 SaaS 메모 서비스 |
각 프로젝트 폴더로 이동하여 의존성을 설치하고 개발 서버를 실행하세요.
# 예시: Project 11 실행
cd 11/saas
npm install
npm run dev- Framework: Next.js (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Backend/DB: Supabase
- Deployment: Vercel
참고: 각 프로젝트 폴더 내의
README.md파일에서 더 상세한 실행 방법과 프로젝트 설명을 확인할 수 있습니다.