컨텐츠 내용
- 수강신청
- 과정정보
자체*AI Vibe (바이브) 코딩으로 크롬 확장 프로그램 만들기
과정소개
학습목표
1. Cursor AI의 주요 기능(Composer, Chat, Tab)을 숙달하여 '바이브 코딩(Prompt-based coding)' 워크플로우를 체득할 수 있다.
2. 질문(프롬프트)만으로 웹 페이지 데이터 추출, UI 커스터마이징, API 연동 등 실무 기능을 구현하고, 로컬 환경에 직접 설치하여 구동할 수 있다.
3. 코드 에러 발생 시 AI와 협업하여 디버깅하고, 기능을 고도화하는 실전적인 AI 협업 능력을 습득한다.
2. 질문(프롬프트)만으로 웹 페이지 데이터 추출, UI 커스터마이징, API 연동 등 실무 기능을 구현하고, 로컬 환경에 직접 설치하여 구동할 수 있다.
3. 코드 에러 발생 시 AI와 협업하여 디버깅하고, 기능을 고도화하는 실전적인 AI 협업 능력을 습득한다.
교육대상
웹 브라우저에서 반복되는 데이터 수집, 단순 입력 업무 등을 자동화하고 하는 직장인
조직 내 공통적으로 필요한 웹 기반 편의 도구(예: 사내 망 바로가기, 특정 사이트 UI 개선 등)를 배포하고자 하는 IT 운영자
조직 내 공통적으로 필요한 웹 기반 편의 도구(예: 사내 망 바로가기, 특정 사이트 UI 개선 등)를 배포하고자 하는 IT 운영자
수료기준
| 평가기준 | 진도율 | 진행단계평가 | 토론 | 최종평가 | 과제 | 총점 |
|---|---|---|---|---|---|---|
| 반영비율 | - | 10% | 10% | 40% | 40% | 100점 |
| 이수(과락)기준 | 80% | - | - | 60점/100점 | - | 60점 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
| 차시 | 강의명 |
|---|---|
| 1차시 | Cursor AI 사용법1 - 폴더구성, 패널구성, VS Code와의 차이점, 단축키 |
| 2차시 | Cursor AI 사용법2 - AI 유료모델 무료모델 구분법 및 일반 모드와 Max 모드 차이점 이해 |
| 3차시 | Cursor AI 질문하는 법 |
| 4차시 | Cursor AI 수정하는 법 |
| 5차시 | Cursor AI 전체 수정이 아닌 부분 수정하는 법 |
| 6차시 | Cursor AI 이전 상태로 돌아가는 여러가지 방법들 |
| 7차시 | 크롬 확장 프로그램을 만들기 위한 배경지식 및 등록과 삭제하는 방법 |
| 8차시 | 크롬 확장 프로그램 만들 때 필요한 기술과 기본 상식 |
| 9차시 | 캡처 프로그램을(크롬 확장) 만들 때 필요한 파일들 |
| 10차시 | 확장 프로그램 폴더명 바꾸기 vs 변경 내용 적용하기 vs manifest 적용 |
| 11차시 | 캡처 프로그램 만들기 실습1 |
| 12차시 | 캡처 프로그램 만들기 실습2 |
| 13차시 | 캡처 프로그램 만들기 실습3 |
| 14차시 | 캡처 프로그램 만들기 실습4 |
| 15차시 | 캡처 프로그램 만들기 실습5 |
| 16차시 | 캡처 프로그램 만들기 실습6 |
| 17차시 | 이후 기능 추가할 때 도움되는 배경지식과 엣지 브라우저에 등록하는 법 |