Me Vibe Home
바이브 코딩 초보자를 위한 원클릭 홈페이지 배포 VS Code Extension.
Git, CLI, AWS 콘솔 없이 — 버튼 하나로 내 홈페이지를 인터넷에 공개하고, QR 코드로 바로 확인할 수 있습니다.
주요 기능
Ticket 로그인
강사에게 받은 Ticket ID와 4자리 PIN을 입력하면 바로 시작할 수 있습니다.
- 명령 팔레트(
Ctrl+Shift+P) > Vibe Deploy: Ticket 로그인
- 또는 하단 상태 표시줄의 Ticket 로그인 클릭
원클릭 배포
현재 작업 폴더의 파일을 한 번에 배포합니다.
- 상태 표시줄의 내 홈페이지 배포하기 클릭
- HTML, CSS, JS, 이미지 파일을 자동으로 업로드
- 배포 진행 상황을 실시간으로 표시
QR 코드 확인
배포 완료 후 QR 코드가 자동으로 표시됩니다.
- 스마트폰 카메라로 스캔하면 내 홈페이지를 바로 볼 수 있습니다
- URL 복사, 브라우저 열기 버튼 제공
파일 관리
업로드한 파일을 확인하고 삭제할 수 있습니다.
- 명령 팔레트 >
Vibe Deploy: 파일 관리
- 사용량(100MB) 확인 가능
사용법
- 강사에게 Ticket ID와 PIN을 받습니다
- 상태 표시줄에서 Ticket 로그인을 클릭합니다
- Ticket ID와 PIN을 입력합니다
- HTML/CSS/JS 파일이 있는 폴더를 열고 내 홈페이지 배포하기를 클릭합니다
- QR 코드를 스마트폰으로 스캔하여 결과를 확인합니다
지원 파일 형식
| 종류 |
확장자 |
| 웹 |
.html, .css, .js, .json |
| 이미지 |
.png, .jpg, .jpeg, .gif, .svg, .ico, .webp |
| 폰트 |
.woff, .woff2, .ttf |
제한 사항
- 유저당 총 저장 용량: 100MB
- 단일 파일 최대 크기: 10MB
- 동영상/음악 파일은 업로드할 수 없습니다
호환 에디터
- Visual Studio Code
- Cursor
- Windsurf
- Antigravity
명령어
| 명령 |
설명 |
Vibe Deploy: Ticket 로그인 |
Ticket ID + PIN 인증 |
Vibe Deploy: 내 홈페이지 배포하기 |
현재 폴더 파일 배포 |
Vibe Deploy: QR 코드 보기 |
배포 URL QR 코드 표시 |
Vibe Deploy: 파일 관리 |
업로드 파일 조회/삭제 |
| |
