[AI 기초] 나만의 업무 도구 만들기 : 바이브코딩 기반 AI 자동화 도구 제작
강좌 소개
난이도
보통
카테고리
프로그래밍 - 인공지능
교육 과정
모두 펼치기
- 01AI 기초 윤리 & 수리
- 02바이브코딩의 개념과 개발환경 이해
- 03첫 번째 웹앱: MyToDo 제작
- 04데이터 분석 웹앱 제작
- 05리서치 자동화 웹앱 제작
[기초 윤리] AI 윤리·보안·저작권 문제의 중요성
[기초 윤리] AI 보안 사고와 데이터 보호 실패 사례 분석
[기초 윤리] 생성형 AI와 저작권: 안전한 활용의 기준선
[기초 윤리] 신뢰할 수 있는 AI를 위한 윤리 가이드라인
[기초 윤리] AI 오용을 막는 개인·조직 실천 가이드
[기초 수리] AI가 수학을 활용하는 방식
AI와 함께하는 새로운 코딩 방식, ‘바이브코딩(VibeCoding)’의 탄생
(실습) GPT와 Cursor를 이용해 "Hello VibeCoding" 웹페이지 작성
GPT와 Claude로 기획하는 나만의 첫 웹앱 아이디어
(실습) GPT, Claude를 이용해 개인 맞춤형 웹앱 아이디어 기획서 작성
Cursor로 코딩 시작하기: 설치, 계정 연결, 기본 설정
(실습) Cursor 환경에서 HTML 페이지를 생성하고 AI 코드 도움 확인
HTML·CSS·JavaScript로 웹의 뼈대 이해하기
(실습) HTML, CSS, JS를 이용해 간단한 인터랙티브 페이지 제작
GitHub와 연동해 협업·버전관리 환경 구축하기
(프로젝트) 로컬 프로젝트를 GitHub에 업로드하고 웹에서 확인
MyToDo App 기획: GPT와 함께 기능 목록 설계하기
(실습) 앱 기획서 초안 작성
Cursor에서 MyToDo App UI 빌드: HTML·CSS로 기본 화면 만들기
(실습) Cursor에서 MyToDo 기본 UI를 완성하고 미리보기 확인
JavaScript로 To-Do 입력, 삭제, 완료 기능 구현하기
(실습) 입력, 삭제, 완료 기능이 작동하는 To-Do 앱 완성
GPT를 활용한 디버깅과 기능 개선 - “자동 저장”과 “필터링”
(실습) MyToDo App에 자동 저장 필터링 기능을 구현, GPT로 디버깅
GitHub Pages로 나의 첫 웹앱 배포하기
(프로젝트) GitHub Pages를 이용해 MyToDo 웹앱을 배포하고 URL 확보
Node·React·Vite 이해하기 - 현대 웹앱 기술스택의 기본
(실습) Vite로 React 프로젝트 생성하고 실행
GPT API와 Open API 연결 실습: 프롬프트에서 코드까지
(실습) GPT API와 Open API를 React 앱에 직접 연결
MyDataInsight App 기획: CSV 데이터로 인사이트 추출 설계
(실습) GPT를 활용해 MyDataInsigt App 기획 문서 완성
MyDataInsight App 빌드: React + GPT API 연동
(실습) CSV 파일 분석이 가능한 기본 React + GPT 웹앱 완성
MyDataInsight App 디버깅 및 시각화 기능 추가하기
(프로젝트) MyDataInsignt App에 차트 시각화 기능 추가 + 디버깅 경험
Vercel로 서버리스 환경에 MyDataInsight App 배포하기
(실습) MyDataInsight App을 실제 Vercel URL로 배포
MyTechResearch App 기획: GPT API로 기술 R&D 리서치 자동화
(실습) MyTechResearch App의 기획서를 AI로 완성하기
MyTechResearch App 빌드: 검색 → 요약 → 인사이트 생성
(실습) 키워드 입력 - 분석 결과 표시까지 완전한 리서치 엔진 구축
MyTechResearch App 디버깅 및 결과 리포트 자동화
(실습) MyTechReasearch 앱에 리포트 생성 기능, 디버깅 기능 추가
Vercel 배포 및 세 프로젝트 통합 포트폴리오 완성
(프로젝트) 3개 배포 프로젝트를 연결한 온라인 포트포리오 완성
마지막 업데이트|2026년 01월 23일
강의자 소개
goormTeacher
난이도
보통
수강인원
0명