Ops & Systems•

바이브코딩의 맹점: 노트북 없이 내 서버를 확인하는 방법

아이디어는 언제나 노트북 없을 때 떠오른다

바이브코딩의 맹점: 노트북 없이 내 서버를 확인하는 방법

바이브코딩의 맹점: 노트북 없이 내 서버를 확인하는 방법

아이디어는 언제나 노트북 없을 때 떠오른다

익숙한 상황

퇴근길 지하철에서 갑자기 생각납니다.

"아까 배포한 거 에러 안 나고 있겠지?"

침대에 누워서 문득 궁금해집니다.

"실험 돌려놓은 거 GPU 메모리 터지진 않았나?"

카페에서 친구를 기다리다가 아이디어가 떠오릅니다.

"UI 저렇게 바꾸면 어떨까... 지금 어떻게 생겼더라?"

노트북은 없습니다. 서버 접속은 더 어렵습니다.

시도해본 것들

1. Claude 앱의 Code 기능

코드 작성은 되는데, 내 서버에서 실행되는 게 아닙니다. 로컬 파일도 못 봅니다.

2. 모바일 터미널 앱 (Termius, Prompt)

SSH 접속은 되는데, 작은 화면에서 vim 쓰는 건 고문입니다. 한 줄 수정하려다 30분 씁니다.

3. GitHub Codespaces 모바일

클라우드 개발 환경은 좋은데, 내 로컬 서버의 GPU 상태는 못 봅니다. DB 로그도 못 봅니다.

4. 노션/메모장에 적어두기

"내일 확인" 적어놓고 까먹습니다. 아이디어는 휘발됩니다.

진짜 원했던 것

생각해보면 폰으로 코딩을 하고 싶었던 게 아니었습니다.

원했던 건 이것들입니다:

  • 지금 서버에서 UI가 어떻게 보이는지 스크린샷
  • 에러 로그가 쌓이고 있는지 한 줄 요약
  • GPU 메모리, 디스크, CPU 상태 확인
  • 간단한 명령어 하나 실행하고 결과 확인

복잡한 코딩이 아니라, 확인과 간단한 조작이었습니다.

바로 시작하기: GitHub에서 오픈소스로 설치 | 설치 없이 클라우드 베타로 체험

VibeCheck: 슬랙에서 서버를 조종하는 리모컨

그래서 만들었습니다.

슬랙 메시지 한 줄로 내 서버에서 Claude Code가 실행되고, 결과가 다시 슬랙으로 옵니다.

이렇게 씁니다

UI 확인하고 싶을 때

text
UI 스크린샷 찍어서 보여줘

→ 현재 localhost:3000 화면 캡처해서 슬랙으로 전송

에러 확인하고 싶을 때

text
최근 로그에서 에러만 요약해줘

→ 로그 파일 분석해서 핵심 에러 3줄로 브리핑

서버 상태 궁금할 때

text
서버 상태 알려줘

→ GPU 메모리, 디스크 용량, CPU 사용률 리포트

간단한 실행

text
pytest 돌려봐

→ 테스트 실행하고 결과 요약해서 전송

동작 원리

text
[슬랙] → [VibeCheck Agent] → [Claude Code] → [내 서버]
                                    ↓
                              [결과/스크린샷]
                                    ↓
                               [슬랙으로 전송]
  1. 슬랙에서 자연어로 요청
  2. VibeCheck가 요청을 해석
  3. Claude Code가 서버에서 실행
  4. 결과를 슬랙으로 다시 전송

핵심은 내 서버에서 실행된다는 것입니다. 클라우드 VM이 아니라 진짜 내 개발 환경입니다.

설치 (5분)

1. 저장소 클론

bash
git clone https://github.com/NestozAI/VibeCheck
cd VibeCheck

2. 환경 설정

bash
cp .env.example .env
# .env 파일에 Slack Bot Token, Anthropic API Key 입력

3. 실행

bash
docker-compose up -d

4. 슬랙에서 테스트

text
@vibecheck 서버 상태 알려줘

사용 시나리오

시나리오 1: 배포 후 모니터링

금요일 저녁, 배포하고 퇴근했습니다.

text
[슬랙] 최근 1시간 에러 로그 있어?
[VibeCheck] 에러 0건입니다. 정상 동작 중입니다.

안심하고 주말을 보냅니다.

시나리오 2: 실험 상태 확인

GPU 서버에서 학습 돌려놓고 외출했습니다.

text
[슬랙] GPU 상태 확인해줘
[VibeCheck]
- GPU 0: RTX 4090, 18.2GB / 24GB (75%)
- 온도: 72°C
- 예상 완료: 약 2시간 후

시나리오 3: 아이디어 즉시 테스트

침대에서 아이디어가 떠올랐습니다.

text
[슬랙] src/components/Button.tsx에서 버튼 색상 blue-500을 green-500으로 바꾸고 스크린샷 보여줘
[VibeCheck] 수정 완료. 스크린샷입니다:
[이미지 첨부]

마음에 안 들면:

text
[슬랙] 원래대로 돌려놔
[VibeCheck] 롤백 완료.

시나리오 4: 빠른 디버깅

text
[슬랙] /api/users 엔드포인트 호출해보고 응답 보여줘
[VibeCheck]
Status: 200 OK
Response: {"users": [...], "total": 42}
응답 시간: 127ms

보안

Q: 내 서버에 아무나 접근할 수 있는 거 아닌가요?

아닙니다. VibeCheck는 지정된 슬랙 워크스페이스의 특정 채널에서만 동작합니다. 슬랙 인증이 첫 번째 방어선입니다.

Q: 위험한 명령어는 어떻게 막나요?

Claude Code 자체에 안전 장치가 있고, 추가로 명령어 화이트리스트/블랙리스트 설정이 가능합니다.

Q: 프로덕션 서버에서 써도 되나요?

개발/스테이징 서버 용도로 설계되었습니다. 프로덕션은 별도 모니터링 도구를 권장합니다.

클라우드 베타

VibeCheck는 두 가지 방식으로 사용할 수 있습니다:

A. 셀프 호스팅 (기본) — 내 서버에 에이전트 설치. 내 실제 환경에서 실행.

B. 클라우드 베타 (옵션) — 설치 없이 바로 체험. 클라우드 샌드박스 환경 제공.

클라우드 베타는 "내 서버 대신 실행"이 아니라, 설치 전에 먼저 체험해보는 용도입니다. 실제 운영은 셀프 호스팅을 권장합니다.

  • 슬랙 연동만 하면 바로 사용
  • 테스트용 샌드박스 환경 제공
  • 월 무료 크레딧 포함

관심 있으신 분은 베타 신청해주세요.

마무리

바이브코딩의 장점은 빠른 실험입니다. 하지만 노트북 없으면 실험 결과조차 확인할 수 없었습니다.

VibeCheck는 이 간극을 메웁니다. 아이디어가 휘발되기 전에, 슬랙 한 줄로 확인하고 테스트하세요.

GitHub: https://github.com/NestozAI/VibeCheck

질문이나 피드백은 이슈로 남겨주세요.