“이렇게 바꿔줘.” 요청이 구체적이 될수록 화면도 달라집니다. 아래 세 가지 요청을 눌러 바이브코딩의 수정 과정을 체험해보세요.
요청하고 달라진 화면 보기 ↓가상 작품으로 만든 체험입니다. 파일을 내려받지 않아도 됩니다.
첫 요청의 결과가 아래에 준비되어 있습니다. 02 또는 03을 누른 뒤 바뀐 화면을 확인해보세요.
각 버튼은 미리 준비한 수정 예시를 적용합니다. 실제 AI에 요청하거나 코드를 실시간으로 생성하지 않습니다.
작은 배려는, 다음 이야기가 됩니다.
잊고 간 노란 우산 하나에서 시작한 이야기. 이웃과 나눈 짧은 걸음 속에서, 기다려주는 마음을 발견합니다.
거창한 사건 대신, 누군가를 잠깐 기다려준 순간을 골랐습니다. 노란 우산은 그 마음이 다음 사람에게 전해지는 작은 연결입니다.
이 버튼도 “어떤 기능이 필요하다”는 요청을 화면의 동작으로 만든 예시입니다.
3가지 중 0가지 확인했어요. 요청 뒤에는 직접 눌러보고 검토해요.
“더 예쁘게”에서 한 걸음 더. 누구에게 보여줄지, 어떤 분위기인지, 눌렀을 때 무엇이 일어나야 하는지 말해보세요. 그 의도를 결과와 비교하는 것이 바이브코딩의 중요한 부분입니다.
요청 → 결과 확인 → 구체적인 수정. 파일 다운로드 없이 체험할 수 있습니다.
AI에게 필요한 도구를 설명하고 코드를 만들게 한 뒤, 사람이 화면과 기능을 확인하며 다듬습니다. 이 체험은 그 흐름을 미리 구현한 예시로 보여줍니다.
작품 이미지·제목·소개·작가 이름이 있는 한 장을 요청합니다.
입력한 제목과 색이 즉시 반영되는지, 긴 소개도 읽히는지 확인합니다.
버튼이 눈에 보이는지, 눌렀을 때 노트가 열리고 다시 닫히는지 확인합니다.
이 화면은 미리 구현한 도구를 체험하는 예제입니다. 입력할 때 AI 모델에 요청하거나 새로운 코드를 실시간 생성하지 않습니다. ACT 샘플북에서는 화면 기획과 수정 기록을 연습합니다.
같은 소재를 글·그림·영상으로 연결한 예시입니다.
이야기 작품을 보고 있어요.
벤치 끝의 노란 우산에서 빗방울 하나가 미나의 신발로 떨어졌다. 우산을 들려던 순간, 은빛 머리의 이웃이 숨을 고르며 다가왔다. “아이고, 여기 있었네.”
미나는 우산 손잡이를 건넸다. 이웃은 미나의 젖은 어깨를 보고 우산을 폈다. “같이 갈까요?” 두 사람은 물웅덩이를 피해 천천히 걸었다.
다음 날, 같은 벤치에 노란 우산과 꽃 한 송이가 놓여 있었다. 카드에는 짧은 말이 적혀 있었다. “오늘은 제가 기다릴게요.”
워크북 완성 이야기의 짧은 웹 버전입니다.
전할 감정은 조용한 배려. 노란 우산, 청록 카디건, 따뜻한 빛을 반복되는 시각 단서로 골랐습니다.
인물의 손과 우산 구조, 앞뒤 장면의 연결을 확인한 뒤 제목과 메시지를 더했습니다.
AI 생성 삽화 · 사람이 구성한 제목과 편집
삽화 4장을 6초씩 이어 붙이고 짧은 자막을 더했습니다. 캐릭터가 움직이는 생성 영상은 아니며 음성·음악이 없는 편집 예제입니다.
누가 두고 갔을까? → 같이 갈까요? → 비는 바빴지만, 걸음은 느렸어요. → 작은 배려는, 다음 이야기가 됩니다.