프로그래머 개발동생 Details
커리큘럼을 보여드려요
- SECTION 01
모든 개발자가 AI 주도 개발을 배워야 하는 이유
01. AI 주도 개발 : 새로운 시대의 개발 방법론- AI 주도 개발의 정의 - 강의 기획 이유 - 다른 개발 강의와의 차별점 - AI 등장 이후의 개발 방식의 변화 - 주요 AI 도구와 LLM 모델 소개 - AI 주도 개발의 도전 과제 - AI 주도 개발의 원칙
02. 강의 목표 및 결과물- 강의 개요 및 목표 - 강의 수강 후 결과물 - 강의 결과물의 실무 적용 방법
03. AI 코딩의 도구 및 역할 소개- AI 코딩 도구의 필요성 - ChatGPT의 역할 - Cursor의 역할 - V0의 역할 - Bolt.new 소개 및 시연 - Bolt.new가 아닌 Cursor를 사용하는 이유
04. 강의 진행 및 수강 방식- 강의 진행 방식 소개 - 생성 AI의 특성 및 코드 결과물 간의 차이 설명 - Github Branch 전략 설명 - 별도 프로젝트 진행 추천
- SECTION 02
프로젝트 준비 및 개발 환경 설정
05. 필수 AI 코딩 도구 사용 준비- Cursor 다운로드 및 설정 - V0 가입 및 설정 - ChatGPT 가입 및 설정
06. AI 친화 기술 스택과 사용 이유- 강의에서 다룰 기술 스택의 전체 개요 - Next.js, ShadCN, TailwindCSS, Lucide 설명 - Supabase, DrizzleORM, Clerk 설명 - Vercel 배포 및 스토리지 설명
07. Next.js 프로젝트 설정 및 필수 개념 설명- Next.js의 프로젝트 구조 - Next.js의 라우팅 시스템 - Next.js의 Route Handlers - Next.js의 렌더링 방식 - ShadCN CLI를 사용한 Next.js 프로젝트 설정
08. GitHub 세팅 및 강의에서의 활용 방법- Github 사용 이유 - Github 저장소 설정 및 git clone 실습 - git commit, git push 실습 - git pull, git branch 실습 - 강의에서의 Github 활용 방법 설명
- SECTION 03
Cursor의 핵심 기능 설명 및 프로젝트 규칙 설정
09. Cursor AI의 핵심 기능- Chat - Composer - Tab - Docs - Settings
10. Cursor 프로젝트 기본 설정 방법- 커서 규칙 설정의 중요성 - 커서 자체 공통 규칙 정의(Cursor Setting Rules for AI) - 프로젝트별 규칙 정의(.cursorrules 파일 설정) - 커서 규칙 설정을 위한 참고 사이트 소개
- SECTION 04
AI 툴을 활용한 PRD와 기능명세서 작성 & 구체화 방법
11. ChatGPT를 활용한 AI 팀원 만들기- AI 팀원이 필요한 이유 - AI 팀원 구성 - PM (Product Manager) - 디자이너 (Designer) - Tech Lead - DBA (Database Administrator) - GPT 생성 방법 예시 - 각 AI 팀원 GPT 인스트럭션 설명
12. 프로젝트 내 PRD/기능명세서 적용- Next.js 프로젝트에서 PRD/기능명세서의 관리 구조 세팅 - 프로젝트에서 PRD/기능명세서를 업데이트하고 관리하는 방법
13. Github Branch 활용 방법- 실제 강의 Repository를 활용해서 Github Branch 연동 방법
- SECTION 05
핵심 기능 개발 및 API 연동
14. 메인페이지 페이지 개발- 메인 페이지 개발 - 간단한 프롬프트를 입력해서 이미지를 생성하고 커뮤니티 피드 섹션 - 목업 데이터 활용해서 프론트엔드 우선 개발
15. 이미지 생성 페이지 개발- 이미지 생성 페이지 개발 - 목업 데이터 활용해서 프론트엔드 우선 개발
16. 개인 갤러리 페이지 개발- 사용자가 자신이 생성한 이미지를 관리할 수 있는 개인 갤러리 페이지 개발 - 생성한 이미지를 커뮤니티 공유 및 삭제 기능 - 목업 데이터 활용해서 프론트엔드 우선 개발
17. Replicate 서비스와 Flux 모델 소개 및 데모 개발- Replicate 서비스와 Flux 모델 소개 - Replicate 이미지 생성 데모 개발하기
18. 이미지 생성 페이지와 Replicate API 연동하기- Replicate.com API(Flux Model)를 사용해 이미지 생성 API 연동하기
19. 헤더 공통 컴포넌트 레이아웃 추가하기- 모든 페이지의 공통 레이아웃, 헤더 공통 컴포넌트 추가하기
- SECTION 06
사용자 인증 시스템 연동
20. Clerk 서비스 소개 및 사용 이유- Clerk 서비스 소개 및 사용 이유 - 기존 인증 시스템 구축의 복잡성 - Clerk의 효율성
21. Clerk 필수 기능 및 데모 프로젝트- Clerk 계정 생성 및 대시보드 소개 - 데모 프로젝트 설정 및 Clerk 초기화 - 사용자 로그인 및 회원가입 구현 - 사용자 프로필 관리
22. Clerk을 사용해 강의 서비스의 사용자 인증 시스템 구현하기- Clerk를 사용해 회원가입, 로그인/로그아웃 기능 연동하기
- SECTION 07
AI를 활용한 데이터베이스 스키마 생성 및 연동
23. 데이터베이스 및 스토리지 프로젝트 생성- Supabase, Vercel Storage 사용 이유 - Supabase 프로젝트 생성 및 설정 - Vercel Storage 프로젝트 생성 및 설정
24. ORM을 사용해 프로젝트에 데이터베이스 세팅하기- Drizzle ORM 소개 - 프로젝트 세팅 및 Drizzle ORM 설치 - Supabase 연동 설정
25. AI를 활용한 데이터베이스 스키마 설계 및 마이그레이션- AI를 활용한 데이터베이스 설계 개념 - AI를 사용한 실제 스키마 설계 (유저 갤러리, 커뮤니티 포스트, 댓글) - Drizzle ORM을 통한 마이그레이션 개념 및 적용 - Supabase에 마이그레이션 적용 및 테스트하기
26. 이미지 메타데이터 저장 기능과 데이터베이스 연동- 이미지 업로드 및 메타데이터 처리 개념 - Vercel Storage를 사용한 이미지 업로드 구현 - 이미지 메타데이터를 Supabase에 저장하기
27. 댓글 작성 기능과 데이터베이스 연동- 댓글 작성 기능의 현재 상태 설명 - 데이터베이스 연동의 필요성 - 댓글 데이터를 DB에 저장하는 로직 구현하기 - 테스트 및 데이터베이스 저장 확인
- SECTION 08
V0를 활용한 UI/UX 개선
28. V0 가입 및 프로젝트 생성- Cursor에서 생성된 컴포넌트 리뷰 - V0를 사용한 디자인 개선의 개념 설명 - 디자인 개선 예시
29. V0 프로젝트를 활용한 UI 컴포넌트 개선- V0를 활용한 각 컴포넌트별 디자인 개선 과정 - 각 컴포넌트별 개선 전후 비교
- SECTION 09
서비스 배포
30. Vercel을 사용한 프로젝트 배포- Vercel 소개 및 배포 준비 과정 - Vercel 프로젝트 배포 과정 시연 - 배포 결과 확인
- SECTION 10
최종 프로젝트 완성 및 학습 성과 점검
31. 전체 프로젝트 복습- 프로젝트 개발 과정 복습 - 주요 학습 내용 정리 - AI 도구 활용의 효율성 점검