SONUB 으로 돌아가기 바이브 코딩
KO English 한국어 日本語 中文 हिन्दी বাংলা اردو Español Português Français Deutsch Русский العربية Bahasa Indonesia Tiếng Việt ไทย Türkçe

알림을 켜는 방법

이 브라우저 또는 주소에서는 알림을 사용할 수 없습니다. 지원되는 브라우저로 보안 연결된 SONUB 사이트에 접속해 주세요.

알림이 차단되어 있으면 브라우저 설정에서 허용해 주세요.

  1. 주소 표시줄 옆의 사이트 설정 또는 브라우저의 사이트 설정을 열고, 이 사이트의 알림을 허용으로 바꾸세요.
  2. 기기 설정에서 브라우저 알림을 허용하고 방해 금지 또는 집중 모드를 확인하세요.
  3. SONUB으로 돌아와 페이지를 새로고침한 뒤 벨을 눌러 알림을 켜세요.

iPhone 또는 iPad에서는 SONUB을 홈 화면에 추가하고 거기에서 연 뒤 알림을 허용하세요.

로그인 로그아웃 화면 테마 기본 테마 다크 테마 핑크 테마 채팅 1:1 채팅 그룹 채팅 게시판 공지사항 뉴스 게시판 건의 게시판 메인 메뉴
바이브 코딩

적으면 만들어지는 코딩, 바이브 코딩

코드를 몰라도 괜찮아요. 만들고 싶은 걸 채팅창에 적어 주면, 리엔이 바로 앱을 만들어 화면에 보여줍니다. 마음에 안 들면 다시 적어서 고치면 돼요.

내 작품

로그인 · 프로젝트를 저장하려면 로그인하세요.

아직 저장한 작품이 없어요.

이런 걸 만들 수 있어요

아래를 누르면 리엔이 바로 만들기 시작해요.

바이브 코딩이란?

만들고 싶은 것의 느낌과 동작을 글로 설명하고, 와 함께 결과를 바로 보며 고쳐 가는 방식이에요.

언제 하나요?

아이디어를 빠르게 확인하거나, 작은 ·게임을 만들거나, ··를 재미있게 배울 때 좋아요.

어떻게 하나요?

① 무엇을 만들지 적기 → ② 리엔이 코드 생성 → ③ 미리보기 확인 → ④ 다시 적어서 수정. 이 과정을 반복해요.

리엔에게 잘 부탁하는 법

리엔은 글로 설명한 그대로 만들어요. 부탁하는 글에 그림이 또렷할수록 첫 결과가 상상한 것에 가깝고, 고치는 횟수도 줄어요.

네 단계가 원을 이룬다: 한 사람이 채팅 말풍선에 바람을 적고, 친절한 AI 도우미가 알록달록한 블록을 조립하고, 미리보기 화면에 고양이와 별이 나오는 작은 게임이 보이고, 그 사람이 다시 작은 수정을 적는다.
은 돌고 도는 과정이에요: 적고, 리엔이 만들고, 미리보기를 보고, 작은 수정을 다시 적어요. 한 바퀴 돌 때마다 원하는 모습에 가까워져요.
  1. 무엇인지 말하기

    먼저 종류를 말해요: 게임, 퀴즈, 타이머, 홈페이지. '여덟 살 동생이 할 거야'처럼 누구를 위한 것인지도 덧붙여요.

  2. 어떻게 보이는지 말하기

    색·크기·자리를 말해요: '짙은 파란 배경', '크고 둥근 버튼', '점수는 위쪽 구석에'. 친구에게 말하듯 쓰면 충분해요.

  3. 무슨 일이 일어나는지 말하기

    누르거나, 키를 치거나, 시간이 다 되면 어떻게 되나요? '스페이스 바를 누르면 고양이가 뛰어요.' 규칙이 그림을 앱으로 바꿔요.

  4. 한 번에 하나씩 고치기

    첫 결과가 나오면 메시지 하나에 고칠 것 하나만 부탁해요: '고양이를 더 크게', 그다음 '소리 넣어 줘'. 무언가 망가지면 어느 부탁 때문인지 바로 알 수 있어요.

같은 생각, 두 가지 부탁

너무 막연해요

게임 만들어 줘.

또렷해요

화살표 키로 움직이는 고양이가 떨어지는 별을 모으는 게임을 만들어 줘. 점수는 위쪽에 보여 주고, 30초가 지나면 끝나게 해 줘.

막연한 부탁이 틀린 것은 아니에요. 리엔은 그래도 무언가를 만들지만, 나머지를 짐작해야 해서 결과가 뜻밖일 수 있어요. 또렷한 부탁은 그 짐작에 미리 답해 줘요.

잘 안 될 때

또렷하게 부탁해도 앱이 생각대로 움직이지 않을 때가 있어요. 당연한 일이에요 — 프로그래머는 누구나 고치고 또 고쳐요. 빠져나갈 길은 세 가지예요.

  1. 리엔에게 오류를 고치게 하기

    미리보기에 가 뜨면 리엔이 그 오류 글을 받아 한 번은 저절로 고쳐 봐요. 그래도 오류가 남으면 버튼을 눌러 다시 맡길 수 있어요. 모두 세 번 해도 안 되면 멈추고 여러분에게 물어요. 같은 고치기를 되풀이해서는 잘 풀리지 않기 때문이에요.

  2. 보이는 것을 말하기

    기대한 것과 실제로 일어난 것의 차이를 적어요: ‘스페이스 바를 눌러도 아무 일도 없어. 고양이가 뛰어야 해.’ 리엔은 여러분의 화면을 볼 수 없어서, 말로 그린 그림이 가장 빠른 고치기예요. 미리보기 옆의 에 오류가 모여 있으니 하나를 복사해 채팅에 붙여 넣어도 좋아요.

  3. 잘 되던 버전으로 돌아가기

    저장할 때마다 — 내가 했든 리엔이 했든 — 새 이 생기고, 프로젝트마다 최근 50개를 남겨요. 고친 뒤에 더 나빠졌다면 버전 목록을 열어 잘 되던 것을 복원하세요. 복원도 새 버전으로 저장되니 잃는 것은 없어요.

저장한 장면들이 사진처럼 줄에 왼쪽부터 오른쪽으로 걸려 있고, 맨 오른쪽 가장 새것은 금이 갔으며, 굽은 화살표가 가운데의 밝고 멀쩡한 장면으로 되돌아간다.
저장할 때마다 돌아갈 수 있는 장면이 하나씩 생겨요. 가장 새로 고친 것이 앱을 망가뜨리면 마지막으로 잘 되던 것을 복원해요.

안전하게 공유하기

프로젝트를 만들면 공유는 꺼져 있어요. 켜면 주소를 아는 누구나 앱을 열어 실행할 수 있고, 끄면 주소가 더는 열리지 않아요. 다시 켜면 실행 주소는 그대로 다시 열리고, 공유 화면 주소만 새로 생겨요. 공유한 앱은 따로 잠긴 상자 안에서 돌아가서 누구의 SONUB 계정에도 닿지 못해요. 그래도 공유하는 앱에 비밀번호나 개인정보를 절대 넣지 말고, 다른 사람의 앱에도 입력하지 마세요.

리엔이 쓴 코드가 궁금하다면?

리엔이 만드는 앱은 CSS 와 JavaScript 가 들어 있는 HTML 파일 한 장이에요. 시작할 때는 읽지 않아도 돼요. 한 줄을 직접 고치고 싶거나 왜 망가졌는지 알고 싶을 때 아래 페이지가 도와줘요.

안에서 어떻게 돌아가는지 궁금하다면? 배우기

아직 아무것도 없어요.

만든 게임을 Cadeplay 에 올리기

이건 게임처럼 보이지 않아요 — 는 게임만 받습니다. 아래 주소로는 그대로 공유할 수 있어요.

Cadeplay 는 설치 없이 에서 게임을 하는 곳이에요. 올리려면 먼저 갖춰야 할 것이 있습니다.

Cadeplay 가 요구하는 것

  • 엄지 하나로 할 수 있어야 해요 — 대부분 키보드 없는 휴대폰으로 합니다.
  • 21개 언어로 보여야 해요 — 소개와 게임 안의 글자 모두요.
  • 아이콘·커버·이 필요해요 — 빈약한 소개 페이지는 아무도 누르지 않습니다.
  • 과 심사를 거쳐요 — 공개된 뒤로는 심사 승인이 곧 업데이트 입니다.

Cadeplay 계정은 본인 것이 필요해요

Cadeplay 은 게임 하나가 아니라 계정 전체에 걸립니다 — 그 토큰을 가진 사람은 남의 게임도 지울 수 있어요. 그래서 공용 토큰을 나눠 드릴 수 없습니다. 직접 가입하시면 게임의 주인도 본인이 됩니다.

이 프로젝트는 나만 볼 수 있어요. 공유하면 링크가 생겨요.

가이드라인

인공지능

에이전트 툴

바이브코딩

AI 활용

AI 자격증

화상 수업

IT 기초

채팅

게시판

만들기

소통

더보기