나를 소개하는 웹사이트
포트폴리오·관심사 소개 페이지
화면 구성 → 버튼·링크 → 모바일 확인SIHEUNG · BAEGOT / AI VIBE CODING
AI와 만드는 나의 첫 작품, 바이브코딩 수업
AI를 활용하되, 이해하고 수정하는 주도권은 학생에게.
웹·앱 아이디어를 기획하고 AI가 제안한 코드를 읽고 바꾸며, 테스트·디버깅을 거쳐 설명할 수 있는 프로젝트로 완성합니다.
아이디어 기획만들고 싶은 것을 정의
AI와 함께 구현생성 코드 이해·수정
완성·공유작동 확인과 발표
CREATIVE WORKSPACE제작 과정 예시
01 / 내가 정한 목표
“별을 모으는 게임을 만들고 싶어.
방향키로 움직이고, 점수도 보여줘.”
STAR COLLECTOR목표 10개
← ↑ ↓ → 이동아이디어 → 작동하는 화면
02 / 만들고 확인하기✓ 움직임 테스트 ✓ 점수 확인 ✓ 오류 수정
설명을 위한 화면 예시입니다. 실제 학생 작품은 작품전시관에서 확인하세요.
WHAT YOU CAN BUILD
배운 것을 보여주는,
나만의 첫 프로젝트.
어려운 용어보다 ‘무엇을 만들 수 있는지’부터. 아래는 학습용 주제 예시이며, 실제 범위는 학생의 경험과 목표에 맞춰 정합니다.
직접 규칙을 정한 게임
별 모으기·퀴즈·미니 게임
규칙 설계 → 조작·점수 → 오류 수정생활에 쓸 작은 도구
학습 체크리스트·기록 도구
필요한 기능 → 입력·결과 → 예외 확인AI의 속도에, 학생의 생각을 더합니다.
잘 요청하는 능력만큼 중요한 것은 결과를 판단하는 능력입니다. 버튼이 제대로 동작하는지, 예상하지 못한 입력에서는 어떻게 되는지, 내 코드가 어떤 일을 하는지 직접 확인합니다. 완성 후에는 만든 과정과 개선한 점을 설명합니다.
실제 공개 학생 작품 확인하기 ↗WHY PROJECT BUILDING?
아이디어가
실제로 움직이는 경험
프롬프트를 입력해 결과만 받는 수업이 아닙니다. 필요한 기능을 구분하고 코드와 오류를 확인하면서 자신의 결과물로 발전시킵니다.
01
아이디어를 구체화
사용자와 목적을 정하고 작은 기능부터 기획합니다.
02
코드를 이해·수정
AI의 제안을 검토하고 필요한 부분을 직접 바꿉니다.
03
디버깅으로 개선
작동하지 않는 이유를 찾고 테스트하며 완성도를 높입니다.
04
보여줄 수 있는 결과
만든 목적과 구현 과정을 설명하고 공유합니다.
LEARNING PROCESS
배우고, 만들고,
스스로 설명할 때까지.
학생의 출발점에 맞춰 단계를 조정합니다. 한 단계에서 익힌 내용을 다음 문제와 활동에 다시 활용합니다.
01
STEP 01
아이디어 정의
해결하고 싶은 문제와 핵심 기능을 정합니다.
02
STEP 02
프로토타입 제작
AI 도구를 활용해 첫 화면과 동작을 만듭니다.
03
STEP 03
코드 수정·디버깅
생성 결과를 읽고 직접 바꾸며 테스트합니다.
04
STEP 04
발표·개선
작품의 동작과 배운 점을 공유하고 다음 버전을 생각합니다.
INSIDE THE CLASS
AI가 만든 코드도 이해해야 내 작품이 됩니다
프로젝트 난이도와 기술은 학생의 경험에 맞춰 조정합니다. 웹페이지, 간단한 앱·게임 등 가능한 범위에서 하나의 목표를 끝까지 구현합니다.
01아이디어·화면 설계02프롬프트 구성03코드 읽기·수정04테스트·발표
WHAT REMAINS
수업에서 남기는 것
작동하는 프로젝트와 기능 설명, 수정·검증 과정
이해한 내용을 직접 설명하고 다음 목표로 연결합니다.
A GOOD STARTING POINT
이런 학생에게
잘 맞는 과정입니다.
- 자신의 아이디어를 웹·앱으로 표현하고 싶은 학생
- AI 도구를 사용하지만 코드도 이해하고 싶은 학생
- 완성한 결과물을 발표·공유해 보고 싶은 학생
YOUR NEXT STEP
우리 아이에게 맞는 출발점,
함께 찾아보세요.
학년·코딩 경험·관심 목표를 알려주시면 현재에 맞는 수업 경로를 안내합니다.QUESTIONS, ANSWERED
궁금한 점, 먼저 확인하세요.
바이브코딩이란 무엇인가요?
만들고 싶은 기능을 자연어로 설명하고 AI의 도움으로 코드를 생성·수정하는 제작 방식입니다. 코딩컴은 결과를 받는 데서 끝내지 않고 코드 이해와 테스트를 함께 지도합니다.
코딩을 처음 배워도 가능한가요?
경험에 맞는 작은 프로젝트에서 시작할 수 있습니다. 학년과 현재 이해도를 상담하고 필요한 기초 개념을 함께 배웁니다. 프로젝트 범위와 사용 도구는 학생별로 조정합니다.
AI가 다 만들면 학생은 무엇을 배우나요?
무엇을 만들지 정하고, 기능을 나누고, 요청을 구체화하는 힘을 배웁니다. 만든 결과가 맞는지 확인하고 오류를 고치는 과정에서 논리적 사고와 코드 이해를 기릅니다.
AI활용반과 같은 수업인가요?
다릅니다. 바이브코딩은 코드 기반 웹·앱·게임 프로젝트 과정입니다. AI활용반은 구글 문서·스프레드시트·프레젠테이션·캔바를 이용한 생활 콘텐츠 제작 과정입니다.
지역 밖에서 온라인으로 수강할 수 있나요?
온라인 교육은 준비 중입니다. 현재 온라인 수강이나 개강을 확정하는 안내는 아닙니다. 희망 과정과 지역, 코딩 경험을 상담에 남기시면 운영 가능 여부와 준비 상황을 확인해 안내합니다.
온라인 교육 준비 중배우고 싶은 마음에,
온라인 교육 상담 문의 ↗배우고 싶은 마음에,
지역의 경계가 없도록.
시흥·배곧 현장 수업을 바탕으로 지역 밖에서도 배울 수 있는 온라인 교육을 준비하고 있습니다. 바이브코딩·알고리즘 등 희망 과정, 거주 지역, 학년과 코딩 경험을 알려주세요.
온라인 개강일·대상·운영 방식은 아직 확정 안내하지 않습니다. 상담 후 현재 가능한 수업과 준비 상황을 안내합니다.