내 것을 가지고 나가기

바이브캠퍼스에서 만든 결과물을 파일로 내려받아 다른 곳으로 옮기는 일이에요. 완성품이 파일 하나에 다 들어 있어서, 바이브캠퍼스를 떠나도 그대로 살아 있어요.

쉽게 말하면

세를 얻어 장사하는 것과 비슷해요. 자리가 좋아서 장사가 잘돼도, 레시피 노트와 간판 도안이 건물주 손에만 있으면 그 건물을 나오는 순간 가게가 사라져요. 내보내기는 레시피 노트를 통째로 복사해 내 가방에 넣는 일이에요. 자리를 옮겨도 같은 음식을 팔 수 있어요.

묶여 있는 서비스

완성품 = 그 회사 화면 안에서만 열림 (내려받기 없음)

가격이 오르거나 서비스가 문을 닫으면 내가 만든 것도 같이 사라져요. 협상할 카드가 없어요.

가지고 나갈 수 있는 서비스

완성품 = index.html 한 개 (버튼 하나로 내려받기)

바이브캠퍼스를 안 써도 그 파일은 내 손에 남아요. 어느 브라우저에서나 열리고, 아무 호스팅에나 올라가요.

그래서 이건 편의 기능이 아니라 안전장치예요. 나갈 수 있다는 걸 알고 쓰는 것과, 못 나간다고 생각하며 쓰는 것은 마음가짐부터 달라요.

가지고 나가는 세 가지 길

스튜디오에서 결과물이 완성되면 도구 막대에 나가는 문이 세 개 있어요. 상황에 맞는 것을 고르면 돼요.

방법	무엇을 받나	이럴 때 써요
다운로드	완성된 화면 파일 한 개. HTML 결과물이면 index.html 로 저장돼요	일단 내 컴퓨터에 원본을 챙겨 두고 싶을 때
핸드오프 팩	index.html 에 README.md 와 AGENTS.md 를 더한 zip 한 묶음	다른 사람이나 다른 도구에 넘겨서 계속 고쳐 나갈 때
내 깃허브 저장소로 저장	같은 세 파일을 내 깃허브 계정의 저장소에 올려 줘요	수정 기록을 남기고 언제든 되돌리고 싶을 때

핸드오프 팩은 화면 결과물에서 보여요

웹페이지·앱·게임처럼 HTML 로 나오는 결과물일 때 버튼이 나타나요. 그 밖의 코드 결과물은 다운로드 버튼을 누르면 파일로 저장돼요.

핸드오프 팩 안에 든 세 파일은 역할이 서로 달라요. 이름만 알아 둬도 나중에 헤매지 않아요.

1index.html 이게 완성품 그 자체예요. 화면·디자인·움직임이 전부 이 한 파일에 들어 있어서, 더블클릭하면 설치 없이 열려요.
2README.md 실행하는 법, 어디에 올리는 법, 옮긴 뒤에도 폼과 회원 기능이 계속 작동하게 하는 법을 적어 둔 안내문이에요.
3AGENTS.md AI 코딩 도구에게 이 결과물의 규칙을 알려 주는 인수인계 쪽지예요. 폴더를 열면 도구가 이 쪽지부터 읽고 고치기 시작해요.

무엇이 따라가고, 무엇이 안 따라가나

가장 많이 어긋나는 지점이에요. 기준은 단순해요. 파일 안에 박혀 있는 것은 따라가고, 바이브캠퍼스가 대신 보관해 주던 것은 안 따라가요.

항목	따라가나	이유
화면·디자인·동작	따라가요	한 파일 안에 전부 들어 있어요
AI 로 만든 이미지·음악·영상	따라가요	페이지 안에 그대로 박아 넣기 때문에 따로 챙길 파일이 없어요
내 데이터베이스 주소와 공개 키	따라가요	데이터베이스를 붙인 결과물이면 페이지 안에 들어 있어요. 그래서 옮긴 곳에서도 폼과 로그인이 작동해요
연결 센터에 맡긴 비밀키	안 따라가요	금고에 남아요. 코드에 적힌 적이 없으니 파일에도 없어요
바이브캠퍼스 게시 주소	안 따라가요	바이브캠퍼스 안에서 열리는 주소예요. 내려받은 파일은 새 주소를 받아야 해요
스튜디오 대화 기록·되돌리기 이력	안 따라가요	만드는 과정의 기록이라 바이브캠퍼스 안에 남아요

네 번째 줄이 헷갈리기 쉬워요. 비밀키가 안 따라가는 건 고장이 아니라 안전장치가 작동하는 것이에요. 코드에 안 적혀 있으니 코드가 새어도 키는 안 새요. 대신 이사할 때는 손으로 다시 채워야 해요. 자세한 건 환경변수와 API 키에 있어요.

옮긴 뒤에 해야 할 일

1열어서 확인해요. 압축을 풀고 index.html 을 더블클릭해요. 화면이 그대로 뜨면 옮기기는 성공이에요.
2올릴 곳을 정해요. 파일 하나만 올리면 되니 정적 호스팅이면 어디든 돼요. 고르는 기준은 호스팅에 있어요.
3주소를 다시 이어요. 명함·인스타 프로필·검색 등록처럼 예전 주소를 가리키던 곳을 새 주소로 바꿔요. 도메인을 쓰고 있었다면 도메인이 가리키는 곳을 새 집으로 돌려요.
4빠진 열쇠가 있는지 봐요. 금고에 맡겨 둔 비밀키는 파일에 안 담겨요. 그 키가 있어야 도는 기능을 붙였다면 새 집에서 값을 다시 넣어야 살아나요.
5손님 입장에서 눌러 봐요. 문의 폼이 실제로 들어오는지, 회원 로그인이 되는지, 결제 화면이 열리는지 직접 한 번씩 확인해요.

급하게 한쪽을 끄지 않아도 돼요

내려받는다고 바이브캠퍼스에 게시해 둔 사이트가 내려가지 않아요. 두 곳을 동시에 열어 두고 새 집이 며칠 잘 도는지 지켜본 다음에 옮겨도 돼요. 이사할 때 새집 수도부터 틀어 보고 짐을 빼는 것과 같아요.

사장님이 실제로 겪는 장면

장면 1 · 개발자에게 이어서 맡길 때

“지금 만든 거 코드로 받을 수 있을까요? 제 편집기에서 이어서 손보려고요.”

핸드오프 팩을 그대로 보내면 돼요. 안에 든 AGENTS.md 가 이 결과물의 규칙(한 파일 구조, 외부 파일 함부로 붙이지 않기, 데이터베이스 연결 건드리지 않기)을 먼저 알려 줘서, 처음 보는 사람도 구조를 부수지 않고 시작해요. 다만 비밀키는 그 안에 없으니 단체 대화방 말고 따로 전달하세요. 맡기는 요령은 외주에 정리돼 있어요.

장면 2 · 옮겼더니 화면은 뜨는데 문의가 안 들어온다

“새 호스팅에 올렸더니 페이지는 잘 나오는데, 문의 폼을 눌러도 아무 데도 안 쌓여요.”

화면이 뜬다는 건 파일은 잘 옮겨졌다는 뜻이에요. 데이터베이스를 붙인 결과물이면 주소와 공개 키가 페이지 안에 함께 옮겨져서, 새 집에서도 문의가 내 데이터베이스로 들어오는 게 정상이에요. 안 들어온다면 화면에 뜬 오류 문구부터 읽어 보세요(오류 읽기). 데이터베이스 쪽 설정이 새 주소를 아직 막고 있는 경우가 있어요.

자주 묻는 것

Q. 내려받으면 바이브캠퍼스에서는 지워지나요?: 아니에요. 복사본을 받는 거예요. 스튜디오에 있던 결과물도, 게시해 둔 주소도 그대로예요. 언제든 다시 들어가서 이어 고칠 수 있어요.
Q. 깃허브로 저장하면 남들이 코드를 볼 수 있나요?: 저장소는 공개로 만들어져요. 남에게 보이면 곤란한 내용이 있다면 깃허브 설정에서 비공개로 바꾸세요. 그리고 어떤 경우에도 코드에 비밀키를 적지 않는 게 먼저예요. 다루는 법은 깃허브에 있어요.
Q. 옮긴 다음에도 바이브캠퍼스에서 계속 고칠 수 있나요?: 네. 스튜디오에서 고치고 다시 내려받으면 돼요. 다만 밖에서 파일을 직접 고쳤다면 그 수정은 바이브캠퍼스 쪽에 없어요. 어느 쪽이 원본인지 하나만 정해 두는 것이 사고를 막는 가장 쉬운 방법이에요.
Q. 손님 데이터도 같이 옮겨지나요?: 폼 응답이나 회원 정보는 파일이 아니라 데이터베이스에 쌓여요. 데이터베이스를 내 계정으로 연결해 두었다면 그 기록은 이미 내 것이라 따로 옮길 필요가 없어요. 손님 데이터에서 다뤄요.
Q. 백업이랑 같은 건가요?: 겹치지만 목적이 달라요. 내보내기는 옮기려고, 백업은 되돌리려고 해요. 내려받은 파일에 날짜를 붙여 폴더에 모아 두면 그게 곧 백업이 돼요. 백업과 복구를 같이 보세요.

확인해 보세요

핸드오프 팩을 내려받아 다른 호스팅에 올렸어요. 연결 센터에 넣어 둔 결제 비밀키는 어떻게 될까요?

하나 더

결과물을 내려받았어요. 바이브캠퍼스에 게시해 둔 사이트는 어떻게 되나요?

직접 해보기

스튜디오에서 나가는 문을 찾아보세요

만든 결과물이 있으면 도구 막대에 다운로드와 핸드오프 팩 버튼이 보여요. 지금 누르지 않아도 돼요. 어디에 있는지 눈으로 확인해 두는 것만으로 충분해요.

스튜디오 열기

더 깊이 (안 읽어도 괜찮아요)

왜 파일 하나로 만드나 · 화면·디자인·동작을 파일 하나에 담는 방식이에요. 파일이 여럿으로 흩어져 있으면 하나만 빠뜨려도 화면이 깨지는데, 한 파일이면 옮길 때 빠뜨릴 것이 없어요. 이삿짐을 상자 하나에 다 넣는 것과 같아요. 나중에 규모가 커지면 여러 파일로 나누는 편이 나을 수 있고, 그때는 AGENTS.md 에 적힌 규칙도 함께 바꿔 달라고 하면 돼요.

AGENTS.md 라는 인수인계 쪽지 · AI 코딩 도구가 폴더를 열 때 먼저 읽는 안내문이에요. 이 결과물이 지키던 규칙과 손대면 안 되는 부분을 적어 두면, 처음 보는 도구도 구조를 부수지 않고 고쳐요. 새로 온 직원에게 "이 가게는 이렇게 굴러갑니다"라고 적어 주는 메모와 같은 역할이에요.

무료 요금제로 배포하면 붙는 표시 · 바이브캠퍼스의 배포 연결을 통해 무료 요금제로 사이트를 올리면 화면 오른쪽 아래에 작은 "Made with VibeCampus" 표시가 붙어요. 유료 요금제로 올리면 붙지 않고, 손으로 내려받은 파일에도 들어 있지 않아요. 지금 내 요금제가 어디에 해당하는지는 요금제 화면에서 확인하세요.

이것만 기억하세요

·만든 것은 파일로 내려받아 어디로든 옮길 수 있어요. 묶여 있지 않아요
·핸드오프 팩에는 완성품·안내문·AI 도구용 쪽지가 함께 들어 있어요
·화면과 박아 넣은 이미지는 따라가고, 금고에 맡긴 비밀키는 안 따라가요
·옮긴 뒤에는 주소를 다시 잇고 폼과 로그인을 직접 눌러 확인해요
·내려받아도 바이브캠퍼스에 게시한 사이트는 그대로 살아 있어요