스마트폰을 활용해서 '나만의 홈서버' (웹사이트 | 블로그 | n8n 서버) 만드는 법 (+ 바이브코딩 가이드)

스마트폰을 홈서버로 바꾸는 초기 설정

갤럭시 S10을 예로 들어서 설명할게요. 먼저 기기를 완전히 초기화해야 해요. 설정 → 일반 → 초기화 → 기기 전체 초기화로 들어가서 중요한 데이터가 없는 공기계 상태로 만들어 주세요. 초기화 후에는 개발자 옵션을 켜야 하는데, 휴대전화 정보 → 소프트웨어 정보에서 빌드 번호를 7번 연타하면 개발자 모드가 활성화돼요.

여기서 중요한 설정이 몇 가지 있어요. 화면 켜짐 상태 유지, OEM 잠금해제 허용, USB 디버깅, 무선 디버깅을 모두 켜고 백그라운드 프로세스 제한은 최대 4개로 설정해야 해요. 안드로이드 12부터는 백그라운드 프로세스가 강제로 종료되는 경우가 많아서 이 설정을 안 하면 서버가 계속 죽어요.

PC에서는 scrcpy를 설치해서 스마트폰 화면을 미러링으로 제어할 수 있어요. GitHub에서 scrcpy-win을 받아서 C드라이브에 압축을 풀고 환경 변수에 경로를 등록하면 터미널에서 scrcpy 명령어로 바로 연결돼요. USB로 폰을 연결한 뒤 adb devices로 확인되면 scrcpy를 입력해서 화면을 띄우세요.

이제 Termux 앱을 설치하고, pkg install openssh, pkg install termux-services, pkg install tmux 순으로 필요한 패키지를 깔아요. passwd로 비밀번호를 설정하고 sshd를 실행하면 PC에서 ssh -p 8022 사용자명@내부IP로 접속할 수 있어요. 인증키 방식으로 바꾸려면 ssh-keygen으로 키를 만들고 ssh-copy-id로 폰에 복사하면 비밀번호 없이 접속돼요.

마지막으로 proot-distro로 Ubuntu를 설치해요. proot-distro install ubuntu로 컨테이너를 만들고 ./start-ubuntu22.sh로 들어가서 apt update && apt upgrade를 하면 거의 일반 Ubuntu처럼 쓸 수 있어요. 여기까지가 스마트폰을 홈서버로 쓰기 위한 기본 환경이에요.

Cloudflare Tunnel로 외부 접속·n8n 서버 구축

공유기 설정 없이 외부에서 접속하려면 Cloudflare Tunnel을 써야 해요. Zero Trust 무료 플랜으로 cloudflared를 설치하고 tunnel create로 터널을 만들어요. tunnel route dns로 서브도메인을 연결하고, config.yml에 ingress 규칙을 작성하면 n8n이나 웹 서버로 트래픽을 라우팅할 수 있어요.

n8n은 Node.js 22 버전이 이미 설치되어 있으니까 npm install -g n8n으로 바로 설치돼요. n8n start --tunnel로 테스트하거나, PM2로 백그라운드 실행 스크립트를 만들면 돼요. Cloudflare Tunnel이 리버스 프록시 역할을 해주기 때문에 5678 포트로 들어오는 요청을 자동으로 n8n으로 보내줄 수 있어요.

바이브 코딩으로 이 과정을 자동화할 수도 있어요. Claude Code에 “n8n 설치 및 Cloudflare Tunnel 설정 가이드” 문서를 컨텍스트로 주고 실행하라고 하면 설치, 서비스 등록, ingress 규칙까지 알아서 해줘요. 다만 proot-distro 환경이라 docker는 못 쓰고 네이티브 설치로 진행해야 한다는 점은 미리 알려주는 게 좋아요.

설치가 끝나면 내부망에서도 https://내부IP:5678로 접속해서 n8n 대시보드가 뜨는지 확인하고, Cloudflare Tunnel 주소로 외부에서도 접속되는지 테스트해보세요. 이 단계가 끝나면 스마트폰 하나로 n8n 자동화 서버가 완성돼요.

바이브 코딩으로 웹사이트·포트폴리오 자동 제작

이제 본격적으로 바이브 코딩을 써서 포트폴리오 사이트를 만들어볼게요. VS Code에 Claude Code 확장 프로그램을 설치하고, ref 폴더에 prompt.md, my-portfolio.md, cloudflare.md, n8n.md, resend.md 다섯 개의 컨텍스트 파일을 준비하세요.

prompt.md에는 역할(웹사이트 제작 전문 개발자), 목표, 배경 정보(피그마 템플릿 URL, 개인 스펙 파일 경로), MCP 도구 목록, 프로젝트 구조, 기술 스택(React + Express + Resend)을 명확히 적어두는 게 핵심이에요. my-portfolio.md에는 여러분의 경력, 프로젝트, 연락처를 채워 넣고, resend.md에는 API 키와 수신자 이메일을 넣어요.

Claude Code를 실행해서 @ref/prompt.md를 붙여 넣고 실행하면 Sequential Thinking으로 단계별 계획을 세우고, Figma MCP로 디자인을 읽어오고, Pixel MCP로 이미지까지 자동으로 받아와요. 빌드까지 끝나면 npm run build로 dist 폴더가 생기고, Express 서버가 8080 포트에서 정적 파일을 서빙해요.

마지막으로 Cloudflare Tunnel ingress에 포트폴리오 서브도메인과 n8n 서브도메인을 등록하면 https://portfolio.여러분도메인.com으로 접속할 수 있어요. 이메일 폼 테스트까지 해보면 실제로 메시지가 Resend로 날아오는 걸 확인할 수 있죠.

이 모든 과정이 스마트폰 안에서 진행된다는 게 가장 놀라운 점이에요. 바이브 코딩은 한 번에 끝나는 게 아니라 피드백을 주고받으며 점점 다듬어가는 과정이라는 점도 기억해주세요.