누구나AI ↗ 바로 실습 →

교수자 특강 1 · Vibe coding for teaching

코드 한 줄 몰라도,
말로 만드는 수업 도구

강의 슬라이드, 워크시트, 수업 웹앱까지. 이 페이지의 문장을 복사해 AI 채팅창에 붙여 넣고, 대괄호만 내 과목으로 바꾸면 됩니다.

내 요청문 조립하기 → 교수 업무 꿀팁 24선 실습 미션 시작
복사 한 번붙여넣기대괄호만 바꾸기
2시간보고 배우는 시간 절반, 직접 만드는 시간 절반
5요소좋은 요청의 틀: 누구에게·무엇을·결과·형태·지킬 것
4단계말하기 → 보기 → 고치기 → 내보내기
1개오늘 들고 나갈 내 과목 수업 도구
약속 하나

바이브코딩이 무엇인지 안다

코드를 쓰는 대신 원하는 결과를 말로 설명하는 방식

약속 둘

좋은 요청을 쓸 줄 안다

다섯 요소로 된 요청 틀과 고칠 때 쓰는 말

약속 셋

도구 하나를 직접 만든다

슬라이드, 퀴즈 웹앱, 실습 웹앱 중 하나

준비물 노트북 한 대 · AI 계정 하나(Claude, ChatGPT, Gemini 중 아무거나) · 다음 주에 가르칠 수업 하나

Today's run sheet

절반은 보고, 절반은 직접 만듭니다

특강 중에는 이 페이지를 옆 창에 열어 두세요. 각 단계 오른쪽의 바로가기로 해당 실습으로 이동합니다.

시간내용이 페이지에서

What is vibe coding

코드를 쓰는 대신,
원하는 결과를 말로 설명하는 방식

2025년 2월, AI 연구자 안드레이 카파시(Andrej Karpathy)가 처음 쓴 말입니다. 같은 해 콜린스 영어사전이 ‘올해의 단어’로 골랐습니다.

“분위기와 느낌을 말하면 AI가 코드를 짜 준다.”원문: “Fully give in to the vibes, embrace exponentials, and forget that the code even exists.” — Karpathy, 2025. 2. 2.

2025. 10. 5. 실제 기록

한 문장씩 말할 때마다 도구가 하나씩

07:41특강 슬라이드 · “아주 쉽게 이해되는 학술 글쓰기 특강 만들어줘”
07:49실습 워크시트 · “응응 이어서 만들어줘”
16:15수업 웹앱 · “바로 결과를 볼 수 있는 상호작용형 웹앱으로”
16:29짧은 주소 배포 · “짧은 주소로 발행해줘”
16:32공유 이미지 · “전달할 때 이미지 열리게”

Role shift

교수는 ‘어떻게’ 대신
‘무엇을, 왜’를 맡습니다

일교수가 하는 일AI가 하는 일
목표무엇을 가르칠지 정한다—
설계학생이 어디서 막히는지 알려 준다화면 구성을 제안한다
제작원하는 결과를 말로 설명한다코드와 디자인을 만든다
점검내용이 정확한지 확인한다오류를 찾아 고친다
책임학생 앞에 내놓을지 결정한다—

교수님이 쌓아 온 수업 경험이 그대로 가장 중요한 재료가 됩니다. 학생이 어디서 막히는지는 AI가 모릅니다.

4-step cycle

말하고, 보고, 고치고, 내보냅니다

1

말하기

누구를 위한, 무엇을, 어떤 형태로

2

보기

학생의 눈으로 결과를 열어 본다

3

고치기

한 번에 하나씩, 구체적으로

4

내보내기

주소로 배포, 파일로 저장

초록색 2와 3을 몇 번 반복하느냐가 완성도를 정합니다. 처음부터 완벽하게 말하려 하지 마세요.

MAKE 01

강의 슬라이드

발표자 노트까지 함께. PPT·PDF로 내려받기

MAKE 02

워크시트·문서

빈칸 표, 체크리스트. Word·PDF로 인쇄

MAKE 03

수업 웹앱

입력하면 바로 점검해 주는 실습 도구, 퀴즈

MAKE 04

배포·공유

짧은 주소와 카톡 미리보기 이미지

Prompt builder · 5 elements

조교에게 일을 맡기듯,
다섯 칸만 채우세요

왼쪽을 채우면 오른쪽에 완성된 요청문이 실시간으로 만들어집니다. 예시가 채워져 있으니 내 과목으로 바꾼 뒤 ‘복사하기’를 누르세요.

형태만들 도구
형태디자인 느낌
지킬 것꼭 지킬 조건

Your prompt


        

        

      

    


    

      
Same ask, different result

      
한 줄을 더하면 결과가 달라집니다

    

    

      
막연한 요청
“퀴즈 만들어줘.”
대상도, 문항 수도, 형식도 없어서 AI가 모두 추측합니다. 대개 일반적이고 쉬운 문제가 나옵니다.

      
구체적인 요청
“대학원 1학기생용으로 오늘 배운 서론 쓰기를 확인하는 5문항 퀴즈를 만들어줘. 고르면 바로 정답과 이유가 나오게, 오답 보기는 학생들이 흔히 하는 실수로.”
대상 · 범위 · 문항 수 · 피드백 방식 · 오답 설계까지 담겼습니다.

    

  







  

    

      
Hands-on · 50 min

      
다음 주 수업에 쓸
도구 하나를 만듭니다

      
트랙을 하나 고르고 문장을 복사하세요. 대괄호 [ ] 부분만 바꿔서 AI에게 보내면 됩니다. 타이머는 40분 기준입니다.

    

    

    

      
40:00

      

      

        
        
      

    

  







  

    

      
Fix-it phrases

      
‘이상해요’ 대신
‘어디가, 어떻게’를 말합니다

      
화면을 캡처해서 함께 보내면 더 정확합니다. 오른쪽 버튼으로 고치는 문장을 바로 복사하세요.

    

    


    

      
Design by words

      
‘예쁘게’ 대신 ‘무엇처럼’이라고 말합니다

      
브랜드 로고와 이름은 쓰지 않고 분위기만 빌립니다. 끝에 한 문장을 꼭 더하세요: “강조 색은 하나만, 휴대폰에서도 잘 보이게.”

    

    

  







  

    

      
Ship & share

      
짧은 주소 하나,
카톡에 뜨는 이미지 한 장

      
만든 웹앱을 학생에게 전달하는 세 가지 길입니다. 가장 쉬운 것부터 순서대로 정리했습니다.

    

    

      
1
AI 안에서 바로 공유하기
Claude의 아티팩트, ChatGPT·Gemini의 캔버스 화면에는 공유(Share)·게시(Publish) 버튼이 있습니다. 누르면 링크가 생기고, 그 링크를 LMS 공지나 카톡에 붙이면 끝입니다. 회원가입이나 설치가 필요 없습니다.

      
2
내 주소로 올리기: 넷리파이 드롭(Netlify Drop)
AI에게 “이 웹앱을 HTML 파일 하나로 내려받게 해줘”라고 한 뒤, 파일을 index.html로 이름 바꿔 폴더에 넣으세요. app.netlify.com/drop 화면에 그 폴더를 끌어다 놓으면 몇 초 만에 주소가 생깁니다. 무료 계정으로 주소 이름도 바꿀 수 있습니다(예: nuguna-writing.netlify.app).

      
3
카톡 미리보기 이미지 붙이기
링크를 보냈을 때 제목과 이미지가 뜨게 하려면 아래 문장을 그대로 요청하세요.

        
이 웹앱을 카카오톡이나 문자로 공유했을 때 미리보기가 잘 보이도록 해줘. 1200×630 크기의 공유 이미지를 만들고, 페이지 제목·한 줄 설명·이미지가 뜨도록 오픈그래프(og) 태그를 넣어줘. 이미지에는 수업 이름과 [학과명/교수명]을 크게 넣어줘.

        
COPY & SEND

      

      
+
학교 LMS에 넣을 때
대부분의 LMS는 외부 링크 추가가 가장 확실합니다. 페이지 안에 직접 끼워 넣는 방식은 학교 설정에 따라 막히기도 하니, 먼저 링크로 올리고 전산팀에 문의하세요.

    

  







  

    

      
Bonus · Professor's prompt library

      
수업 밖에서도 쓰는
교수 업무 꿀팁 24선

      
수업설계, 평가·피드백, 학생지원, 연구, 행정까지. 교수님의 하루에서 시간을 가장 많이 잡아먹는 일들을 골라 바로 쓸 수 있는 문장으로 만들었습니다. 마음에 드는 문장은 ☆로 모아 두세요(이 브라우저에만 저장됩니다).

    

    

      
      
    

    

    

    
  







  

    

      
Syllabus AI policy

      
강의계획서에 넣을
AI 사용 안내 문구

      
학생에게 “AI를 어디까지 써도 되나요?”라는 질문을 받기 전에 먼저 밝혀 두세요. 과목 성격에 맞는 단계를 고르면 강의계획서용 문구가 나옵니다. 단계는 퍼킨스 등(Perkins et al., 2024)의 AI 평가 척도(AIAS)를 쉽게 줄인 것입니다.

    

    

    

      

      

        

        

      

    

  







  

    

      
Before you ship

      
학생 앞에 내놓기 전
여섯 가지를 확인합니다

      
하나씩 눌러 체크하세요. 모두 체크되면 공개해도 좋습니다.

    

    

    
0 / 6


    

      
Integrity

      
학생에게 요구하는 기준을
우리도 지킵니다

    

    

      
01 밝힙니다
자료에 한 줄 적기
“이 자료는 AI와 함께 만들고 내용은 제가 확인했습니다.”

      
02 책임집니다
내놓은 사람이 책임
AI가 만든 오류도 학생에게는 교수의 오류입니다.

      
03 본을 보입니다
가장 좋은 AI 교육
AI를 정직하게 쓰는 모습 자체가 학생에게 가장 좋은 본보기입니다.

    

    

      자료 하단에 붙일 고지 문구
      
이 자료는 생성형 AI(도구명: [Claude / ChatGPT / Gemini])의 도움을 받아 제작했으며, 내용의 정확성과 출처는 담당 교수가 직접 확인했습니다. 오류를 발견하면 [연락 방법]으로 알려 주세요. — [교수명], [작성일]

      
COPY & PASTE

    

  







  

    

      
FAQ

      
자주 받는 질문

    

    

      
무료 계정으로도 따라 할 수 있나요?
네. 오늘 실습(슬라이드, 퀴즈 웹앱, 실습 웹앱)은 Claude, ChatGPT, Gemini의 무료 계정으로 시작할 수 있습니다. 다만 하루 사용량에 한도가 있어 긴 웹앱을 여러 번 고치다 보면 멈출 수 있습니다. 그럴 때는 새 대화에서 “지금까지 만든 코드를 이어서 고쳐줘”라며 코드를 붙여 넣으세요.

      
어떤 AI를 쓰는 게 좋나요?
상호작용 웹앱은 화면을 바로 보여 주는 기능이 있는 도구가 편합니다. Claude는 ‘아티팩트’, ChatGPT와 Gemini는 ‘캔버스’라는 이름으로 결과 화면을 옆에 띄워 줍니다. 하나를 정해 익숙해지는 것이 여러 개를 오가는 것보다 낫습니다.

      
학생 과제를 AI에 넣어도 되나요?
이름·학번·연락처를 지우고 넣는 것이 원칙입니다. 성적이나 상담 내용처럼 민감한 정보는 학교의 개인정보 지침을 먼저 확인하세요. 학교가 계약한 기관용 AI 서비스가 있다면 그쪽을 우선 사용하세요.

      
AI가 만든 참고문헌을 믿어도 되나요?
아니요. 그럴듯하지만 존재하지 않는 문헌을 만드는 일이 실제로 보고되어 있습니다(Walters & Wilder, 2023). 요청할 때 “실제 존재하는 자료만, DOI나 링크 포함”이라고 적고, 학생에게 내놓기 전 구글 학술검색이나 RISS에서 한 편씩 확인하세요.

      
만든 웹앱이 갑자기 안 되면 어떻게 하나요?
어떤 버튼을 눌렀을 때 무엇을 기대했고, 실제로 무슨 일이 일어났는지를 그대로 적어 보내세요. 화면 캡처를 함께 보내면 더 빠릅니다. ‘고치는 말’ 섹션의 문장을 활용하세요.

    

  







  
  

    
Closing

    
AI 시대에는 뛰어난 재능·지능이 부족해도
AI를 세컨드 브레인으로
‘어떤 방향으로 활용하느냐’가 중요하다

    
코드는 AI가 씁니다. 방향은 교수님이 정합니다.

    

      다시 요청 조립하기 →
      2차 특강 실습실 ↗
      누구나AI 둘러보기 ↗
    

  







  

    

      
References

      
참고자료

      
오늘 내용의 근거와 더 읽을거리입니다.

    

    
    
      
  1. Karpathy, A. (2025, February 2). “There's a new kind of coding I call ‘vibe coding’…” [Post]. X.
    2. 
      
  2. Collins Dictionary. (2025, November 6). Collins Word of the Year 2025: Vibe coding.
    3. 
      
  3. Walters, W. H., & Wilder, E. I. (2023). Fabrication and errors in the bibliographic citations generated by ChatGPT. Scientific Reports, 13, 14045.
    4. 
      
  4. Perkins, M., Furze, L., Roe, J., & MacVaugh, J. (2024). The Artificial Intelligence Assessment Scale (AIAS): A framework for ethical integration of generative AI in educational assessment. Journal of University Teaching and Learning Practice, 21(6).
    5. 
      
  5. Mollick, E., & Mollick, L. (2023). Assigning AI: Seven approaches for students, with prompts. SSRN / arXiv:2306.10052.
    6. 
      
  6. Kasneci, E., et al. (2023). ChatGPT for good? On opportunities and challenges of large language models for education. Learning and Individual Differences, 103, 102274.
    7. 
      
  7. UNESCO. (2023). Guidance for generative AI in education and research. Paris: UNESCO.
    8. 
      
  8. W3C. (2023). Web Content Accessibility Guidelines (WCAG) 2.2.
    9. 
      
  9. International Center for Academic Integrity. (2021). The fundamental values of academic integrity (3rd ed.).
    10. 
    

    
이 페이지 nuguna-vibe-kit.netlify.app · 실습실 nuguna-vibe.netlify.app · 시연 웹앱 nuguna-writing.netlify.app · 누구나AI nugunaai.com

  








복사했습니다. AI 채팅창에 붙여 넣으세요.