Module 04Phase 215분

다양한 바이브코딩 도구 소개

도구의 순위를 정하는 것이 아니라, 내가 만들려는 결과와 현재 수준에 맞는 도구를 고릅니다.

핵심 메시지

도구의 순위가 아니라, 내가 만들 결과에 맞는 도구를 고르는 것이 먼저입니다.

다양한 바이브 도구 소개

조건에 맞는 도구 15

Canva Code

입문

캔바 안에서 수업용 인터랙티브 콘텐츠와 간단한 위젯을 빠르게 만든다.

수업 콘텐츠 제작

Claude Artifacts

입문

Claude와 대화하며 작동하는 작은 앱, 시각화, 게임을 즉시 만든다.

AI 프로토타이핑

Google AI Studio

초급

Gemini를 활용해 텍스트·이미지·파일을 분석하는 AI 기능 중심 앱을 만든다.

AI 프로토타이핑

Lovable

초급

자연어 대화로 여러 화면과 기능을 갖춘 완성형 웹앱을 만들고 배포한다.

노코드 웹앱

Replit Agent

중급

브라우저 안에서 AI 에이전트와 함께 앱을 만들고 코드 확인과 배포까지 경험한다.

노코드 웹앱

Antigravity

중급

AI 에이전트가 여러 파일과 개발 작업을 계획하고 수행하는 코드 워크스페이스.

코드 기반 개발

Codex

중급

OpenAI의 코딩 에이전트를 활용해 기능 구현, 코드 수정, 검토 작업을 수행한다.

코드 기반 개발

Cursor

중급

AI 기능이 통합된 코드 편집기에서 기존 코드를 직접 확인하고 수정한다.

코드 기반 개발

Claude Code

고급

터미널에서 Claude와 대화하며 프로젝트의 코드를 수정하고 실행한다.

개발 환경

Power Apps

초급

Microsoft 365 데이터를 활용해 교직원과 학생이 사용하는 학교 업무 앱을 만든다.

노코드 웹앱

Power Automate

초급

Forms, Outlook, Teams, SharePoint 사이의 반복 업무를 자동으로 연결한다.

자동화

Microsoft 365 통합 프로젝트

초급

Power Apps, SharePoint, Power Automate를 연결해 실제 학교 업무 시스템을 완성한다.

노코드 웹앱

AppSheet

입문

Google Sheets 등의 데이터를 연결해 코딩 없이 모바일·웹 업무 앱을 만든다.

노코드 웹앱

Apps Script

중급

JavaScript를 활용해 Google Sheets, Forms, Gmail, Drive 등의 작업을 자동화한다.

자동화

Google Workspace 통합 프로젝트

중급

AppSheet, Google Sheets, Apps Script를 연결해 학교 업무 시스템을 완성한다.

노코드 웹앱

오늘은 여러 도구 중 러버블을 이용해 “처음부터 끝까지 완성하는 경험”에 집중합니다.

직접 해보기 — 도구 선택 도우미

나에게 맞는 바이브코딩 도구 찾기

만들고 싶은 결과물과 사용 환경을 선택하면 가장 잘 맞는 도구 3개를 추천해 드립니다. · 약 1분 소요

1 / 5

가장 먼저 만들고 싶은 것은 무엇인가요?