AI 트렌드부터 실무 활용까지 한눈에
DBR이 엄선한 비즈니스 AI 강의를 만나보세요.
코딩이 '나와는 먼 이야기' 같으셨나요? 이제는 AI에게 요청하고 지켜보기만 하면 웹사이트가 뚝딱 완성됩니다.
무섭고 막연했던 코딩, AI와 함께 쉽고 편하게 시작해 보세요.
실습 도구 안내
본 강의에서는 다양한 AI 도구 활용 사례를 제공하고 있습니다. 이에 따라 일부 실습 도구는 유료 구독이 필요하지만,
무료 도구들로도 충분히 실습이 가능하도록 안내하고 있습니다. 당장 유료 도구 결제가 어렵다면,
무료 도구를 활용하는 것으로도 충분한 도움이 되니 참고해주세요.
Windsurf는 기본적으로 Free Plan이 제공되며,
2주 간 20$ 상당의 Pro Plan 무료 체험 기간을 제공합니다.
• 現 네이버 부스트캠프 안드로이드·AI 교육 (2021~현재)
• 모두의연구소·현대자동차·우아한테크캠프 등 다수 강의
• 'Azure OpenAI로 ChatGPT와 LLM 시스템 쉽고 빠르게 구축하기' 감수 (제이펍, 2025)
• YouTube '에이전트민수', LinkedIn 그룹 'Microsoft AI Agent Korea User Group' 운영
• 전 카카오엔터테인먼트, ProtoPie, NBT 개발자
| 바이브 코딩 첫걸음: Windsurf로 시작하기 | ||
|---|---|---|
| 1강 | 바이브코딩이란? | 2:40 |
| 2강 | Windsurf 설치 및 설정 (윈도우) | 5:35 |
| 3강 | Windsurf와 바이브코딩 기초 | 24:23 |
| 4강 | Windsurf와 Cursor 요금제 | 4:13 |
| 5강 | Windsurf에서 사용 가능한 모델 | 7:37 |
| 6강 | 포트폴리오 웹페이지 생성, 캐스케이드 활용 | 7:37 |
| 7강 | 모델의 답변 리뷰하기 | 4:45 |
| 8강 | Rule: 캐스케이드가 따르는 규칙 선언 방법 | 7:03 |
| 9강 | Rule 정의 및 새 프로젝트 생성 | 11:45 |
| Windsurf로 만드는 포트폴리오 웹페이지 | ||
| 1강 | LLM이란? | 5:22 |
| 2강 | OpenAI Playground에서 파라미터 조정하기 | 14:14 |
| 3강 | 다양한 프롬프트 예시와 기법 | 10:08 |
| 4강 | Rule 업데이트: 역할 및 구체적 지시사항 부여 | 2:07 |
| 5강 | 프로젝트 개선 계획 세우기 | 2:00 |
| 6강 | 섹션 크기 수정 | 8:05 |
| 7강 | 콘텐츠 영역을 바꾸는 프롬프트 | 5:34 |
| 8강 | 섹션 위치 이동 | 6:41 |
| 처음 써보는 Github, 어렵지 않아요 | ||
| 1강 | GitHub 소개 | 5:11 |
| 2강 | GitHub Desktop 설치 (윈도우) | 2:19 |
| 3강 | GitHub 저장소 생성 | 4:47 |
| 4강 | GitHub 저장소 복제 | 1:59 |
| 5강 | Git 설치하기 (윈도우) | 2:37 |
| 6강 | 커밋 추가 | 3:33 |
| 7강 | GitHub 저장소로 push | 5:07 |
| 8강 | 로컬 저장소에서 fetch & pull | 5:37 |
| 9강 | Windsurf와 GitHub Desktop | 3:26 |
| 10강 | 브랜치 생성 | 8:07 |
| 11강 | 브랜치 이동 | 5:15 |
| 12강 | 브랜치 병합 | 2:27 |
| 코딩은 몰라도 작업물 저장, 수정은 해야죠? | ||
| 1강 | Windsurf 저장소 초기화 | 4:41 |
| 2강 | 포트폴리오 웹페이지 원격 저장소 생성 | 1:43 |
| 3강 | GitHub 계정 인증_파일 2개 | 3:18 |
| 4강 | 원격 저장소 연동 | 3:57 |
| 5강 | Gemini와 함께 이력서 수정 | 12:15 |
| 6강 | 자기소개 섹션 수정 | 5:40 |
| 7강 | Gemini 이미지 생성 기능 활용 | 6:59 |
| 8강 | Windsurf 이미지 업로드 기능 | 6:16 |
| 9강 | 오류 해결 | 12:25 |
| 10강 | 커밋 추가 | 1:35 |
| 부족한 디자인 감각, AI가 채워줘요 | ||
| 1강 | Claude 웹페이지 개발 | 11:41 |
| 2강 | Figma 디자인 초안 생성 | 10:37 |
| 3강 | ChatGPT 활용 | 2:35 |
| 4강 | Figma 디자인 수정 | 10:18 |
| 5강 | Rule 수정 | 3:33 |
| 6강 | GitHub Pull Request | 13:37 |
| 7강 | 원격저장소 동기화 및 새 브랜치 생성 | 8:36 |
| Windsurf와 다양한 AI 도구를 활용한 프로젝트 개선 | ||
| 1강 | 다양한 AI 어시스턴트 답변 참고 | 12:51 |
| 2강 | 개선 1 - 타임라인 디자인 반영 | 8:15 |
| 3강 | 경력사항 수정 | 10:10 |
| 4강 | 개선 2 - 컬러 팔레트 | 4:52 |
| 5강 | 커밋 추가 | 2:06 |
| 6강 | 프로젝트 컬러 팔레트 수정 | 11:09 |
| 7강 | 커밋 추가 및 브랜치 병합 | 10:54 |
| 8강 | 개선 3 - 좌우 교차 레이아웃 반영 | 5:27 |
| 9강 | 반응형 웹 만들기 | 11:56 |
| 10강 | 오류 해결 및 Revert | 11:49 |
| 11강 | 브랜치 병합 | 3:34 |
| 12강 | 개선 4 - 통합 블럭 디자인 및 반응형 웹 만들기 | 14:08 |
| 13강 | 커밋 추가 | 2:31 |
| Windsurf로 만드는 3D 인터랙티브 웹앱 | ||
| 1강 | Three.js와 인터랙티브 웹 | 7:37 |
| 2강 | TRELLIS 소개 | 2:47 |
| 3강 | Tripo3D | 6:22 |
| 4강 | 가방 쇼핑몰 웹페이지 기획 | 9:15 |
| 5강 | 가방 쇼핑몰 프로젝트 생성 | 9:29 |
| 6강 | 3D 가방 애셋 생성 | 3:23 |
| 7강 | 커밋 추가 | 4:11 |
| 8강 | 3D 가방 회전 기능 | 5:40 |
| 9강 | 3D 가방 캐러셀 | 11:54 |
| 10강 | 3D 가방 색상 변경 기능 | 4:31 |
| 완성 & 마무리: 배포와 회고 | ||
| 1강 | 웹 배포 | 5:49 |
| 2강 | 프로젝트 소개글 작성 | 6:03 |
| 3강 | 나의 개발 여정 마무리 | 4:58 |
