Vibe 코딩 — 내 화면

Vibe 코딩 세션에서는 **AI 코딩 도구(Claude Code)**를 사용해 코드를 만들고, 만든 결과물을 화면에서 바로 프리뷰로 확인합니다. 내 전용 작업 컨테이너에서 진행되므로 다른 학생과 환경이 섞이지 않습니다.

Vibe 코딩 화면 — 터미널, 결과 프리뷰, Q&A

화면 구성

  • 터미널 / AI 영역(좌) — Claude Code 와 대화하며 코드를 만들고 명령을 실행합니다.
  • 결과물 / 코드 프리뷰(중앙) — 만든 결과물(웹 페이지 등)과 코드를 탭으로 전환하며 확인.
  • 참여자 · Q&A(우) — 강사를 @멘션 하면 강사 화면에 알림이 떠 빠르게 답변받습니다.

진행 흐름

  1. 강사가 만든 Vibe 세션에 입장합니다.
  2. AI 도구에게 무엇을 만들지 자연어로 요청하고, 나온 코드를 다듬습니다.
  3. 프리뷰로 결과를 확인하고, 막히면 강사에게 질문합니다.

강사는 무엇을 보나요?

강사는 그리드 화면에서 학생들의 진행 상황을 한눈에 보고, 특정 학생 화면으로 들어와 도와줄 수 있습니다. 질문은 채팅·Q&A로 남기면 강사 화면에 표시됩니다.

Vibe 코딩은 프리미엄(Premium) 기능입니다. 세션이 보이지 않으면 소속 조직(학원)에서 활성화가 필요합니다.