연 4억 버는 저관여 웹사이트, 바이브코딩처럼 직접 만들고 전 세계에 오픈하세요!
AI로 앱 만들고 세상에 내놓는 법 (중학생 눈높이 설명)
요즘 AI한테 말만 잘하면 앱 하나 뚝딱 만들 수 있잖아? 근데 그렇게 만든 앱, 누가 쓰고 있을까? 대부분은 만든 사람 컴퓨터 안에서만 맴돌지. 친구한테 보여주려고 주소 보내면 '로컬 호스트'라 안 열리고, 서버니 뭐니 복잡한 말 나오면 여기서 대부분 포기해 버려.
사람들이 쓰게 하려면 누구나 들어올 수 있는 서버, 기억하기 쉬운 이름(도메인), 안전한 연결(SSL), 그리고 고친 걸 바로바로 반영하는 방법까지 필요해. 앱 만드는 것보다 이게 훨씬 어렵거든.
이 영상 끝까지 보면 네가 만든 서비스를 서버에 올리고, 네 이름(도메인)을 붙이고, 고친 걸 바로바로 반영하는 것까지 그대로 따라 할 수 있을 거야.
오늘 만들 서비스: 순이드 (Soon-i-d)
모임 날짜랑 장소를 같이 정하는 서비스야. '곧 같이 한다'는 뜻이지. 이걸 호스팅어라는 곳에 올려서 '순이드닷컴'이라는 네 이름으로 누구나 쓸 수 있게 공개할 거야.
오늘 배울 다섯 가지
- 호스팅어가 뭔지
- 순이드를 어떻게 만들지
- 만든 서비스를 서버에 올리는 방법
- 내 도메인(이름)을 붙이는 방법
- 서비스를 계속 좋게 만드는 방법
용어 정리 (어렵지 않아!)
- 서버: 앱이나 웹사이트가 24시간 열려 있으려면 인터넷에 계속 연결된 컴퓨터가 필요하잖아? 그게 바로 서버야. 이걸 직접 사서 두는 대신 빌려 쓰는 걸 호스팅이라고 해.
- 웹 호스팅: 서버 설치, 보안 같은 건 회사가 다 해줘서 제일 쉽고 싸. 대신 서버를 마음대로 바꾸긴 어려워.
- VPS: 서버 한 대를 통째로 빌리는 건데, 뭐든 설치할 수 있어. 대신 운영체제 설치부터 보안 업데이트까지 네가 다 해야 해.
- 클라우드 (AWS 같은 거): 서버뿐 아니라 수백 가지 서비스를 골라서 쓰는 건데, 쓴 만큼 돈 내. 엄청 큰 서비스도 가능하지만 배울 게 많고 요금도 매달 달라져.
호스팅어는 22년 동안 호스팅을 해온 회사야. 전 세계 150개 나라에서 500만 명이 쓰고 있고, 호스팅어로 만든 웹사이트가 1,000만 개가 넘을 정도니까 노하우가 엄청 쌓인 곳이지.
호스팅어에는 웹 호스팅, VPS도 있고, 그 사이에 클라우드 호스팅도 있어. 오늘 쓸 건 웹 앱 호스팅인데, 이건 서버 관리는 호스팅어가 다 해주고, 네가 만든 앱(특히 Node.js 앱)을 그대로 올릴 수 있는 상품이야.
- Node.js: 자바스크립트로 서버를 돌리는 환경이야.
호스팅어에 로그인하면 H 패널이라는 관리 화면이 나와. 여기서 마우스로 이것저것 설정할 수 있어. 서버에 직접 명령어를 치는 대신 말이지.
왜 호스팅어 웹 앱 호스팅을 쓸까?
AWS 같은 걸로 직접 서버를 구축하면 자유롭긴 한데, 배울 것도 많고 손이 많이 가. 호스팅어 웹 앱 호스팅은 이미 서버 설정, 보안, 인증서 같은 게 다 준비된 상태로 쓸 수 있게 해줘. 마치 이미 잘 만들어진 집을 빌리는 느낌이랄까?
특히 커넥터라는 게 대박이야. AI 코딩 도구랑 호스팅어를 연결해줘서, AI한테 말만 하면 앱 배포랑 도메인 설정까지 알아서 해줘.
순이드에 호스팅어 웹 앱 호스팅이 잘 맞는 이유는 네 가지야.
- 정해진 요금: 방문자가 갑자기 늘어도 요금이 확 오르지 않아. 한 달에 얼마나 나올지 미리 알 수 있지.
- 한 곳에서 관리: 도메인, 이메일, SSL 인증서까지 한 계정에서 관리할 수 있어.
- 자동 백업 & 보안: 매일 백업되고, 나쁜 접속이나 공격도 막아줘. 따로 설정 안 해도 돼.
- AI 배포: 커넥터 덕분에 AI가 알아서 앱을 서버에 올려줘. 내가 서버에 직접 접속할 일이 없어.
결론적으로, 서버를 따로 공부하지 않아도 이미 잘 구축된 서버를 바로 쓸 수 있다는 거야.
호스팅어 화면 직접 보기
호스팅어 웹 앱 호스팅 페이지에 가면 '깃허브나 AI 코딩 에이전트에서 바로 배포 가능'하다고 나와 있어. 요금도 정해져 있고, 30일 안에 환불도 가능해.
웹 앱 호스팅은 네가 만든 앱 코드를 올리면 호스팅어가 알아서 빌드하고 실행해 주는 서비스야. React, Next.js 같은 유명한 프레임워크도 자동으로 인식해.
커넥터 연결 방법도 간단해. 설치하고 로그인하고, '이 프로젝트 배포해 줘'라고 말하면 끝이야.
요금에는 AI 문제 해결사, 자동 보안 패치, 전 세계 어디서든 빠르게 열리게 해주는 CDN, 방화벽, 디도스 보호, 데이터베이스, 매일 백업, 도메인, 이메일, SSL까지 다 포함돼 있어.
언리미티드 플랜은 웹 앱 5개, 저장 공간 50GB를 쓸 수 있고, 클라우드 스타트업은 웹 앱 10개, 저장 공간 100GB에 CPU랑 메모리가 더 좋아. 나는 언리미티드를 쓰고 있어.
가격은 기간에 따라 다른데, 12개월 이상 플랜에는 도메인 1년 무료, 비즈니스 이메일 1년 무료가 포함돼. 서비스는 최소 1년은 해야 하니까 12개월 이상으로 시작하는 게 좋아.
쿠폰 코드 TTJ10을 넣으면 10% 더 할인받을 수 있어! 1년치를 정가보다 24만 원 넘게 아낄 수 있지. 30일 환불 보장도 있으니 직접 써보고 결정해도 돼.
뭘 만들까? (순이드)
연말에 송년회 날짜 잡을 때 단톡방에서 묻고 답하고, 결국 카톡 투표까지 하잖아? 약속 잡혀도 '거기가 어디였지?' 하면서 단톡방을 한참 위로 올려보게 되고. 시간도, 장소도 대화 속에 묻혀버리는 거야.
미국에는 웬투밋이라는 사이트가 있어. 가입 없이 링크 하나로 되는 시간만 모아주는 곳인데, 한 달에 방문자가 630만 회나 돼! 엄청난 규모지.
수익 구조는 간단해. 무료로 쓰게 하고 화면 아래에 광고랑 후원 버튼만 붙여뒀어. 구글 애드센스 예상 수익만 봐도 연 4억 3천만 원 정도야.
웬투밋은 쓰는 방법도 간단해. 링크 받은 사람들이 되는 시간을 칠하면 겹치는 시간이 진하게 보이는 식이지.
근데 국내에는 아직 이런 서비스가 없어. 수요는 확인됐는데, 웬투밋 화면은 오래돼서 휴대폰으로 쓰기 불편하고, 시간만 맞추면 끝이라 다시 올 이유도 없지.
그래서 순이드는 이렇게 만들기로 했어.
- 1차: 웬투밋처럼 되는 기능 전부 구현
- 2차: 여행 일정까지 넣어서 다시 찾아올 이유 만들기
일정을 만드는 사람은 회원 가입하고, 참여자는 가입 없이 이름만 넣고 바로 응답하게 할 거야. 응답해 본 사람이 다음엔 자기 일정을 만들러 가입하게 되는 거지.
이걸 AI한테 요청해서 회원 가입, 저장한 장소, 개인 일정, 공유 기능, 국내는 네이버 지도, 해외는 구글 맵스로 열리게 했어. 서버에 올릴 걸 생각해서 데이터 저장 위치나 비밀 값은 환경 변수로 따로 설정했지.
AI가 만든 걸 직접 테스트해 보니 잘 돌아가더라. 근데 주소를 보면 로컬 호스트야. 이건 내 컴퓨터 안에서만 돌아간다는 뜻이지.
호스팅어 커넥터 연결하기
이제 내 컴퓨터 안에만 있는 이 서비스를 세상에 내놓을 차례야. 클라우드 코드(AI)를 호스팅어 계정에 연결하면 서버에 올리는 일을 클라우드가 대신해줘.
H 패널에서 API 메뉴로 가서 도구를 연결하면 돼. 터미널이나 VS 코드 같은 걸로 연결할 수 있어. 나는 VS 코드로 연결했어.
연결이 잘 됐는지 확인해 보면, AI가 내 호스팅어 계정에 뭐가 있는지 바로 알려줘.
이제 배포를 요청해 볼 거야. AI한테 "이 폴더를 서버에 올려줘. 임시 주소로 열어줘."라고 말하면 끝이야.
이걸 직접 하려면 서버에 접속해서 이것저것 설정해야 하는데, AI한테 말 한마디로 끝난 거지.
H 패널에서도 확인해 보면 웹 앱이 생겼고, 대시보드에서 방문자 수, 오류, 리소스 사용량 같은 걸 볼 수 있어.
배포가 끝나면 임시 주소가 생기는데, 이걸 휴대폰에서 열어보면 어디서든 서비스가 열려!
내 도메인 붙이기 (순이드닷컴!)
근데 주소가 너무 길고 외우기 어렵잖아? 그래서 이제 내 도메인, 순이드닷컴을 붙일 거야.
내 플랜에는 도메인 1년 무료가 포함되어 있어서 H 패널 도메인 메뉴에서 등록하면 돼.
이제 AI한테 "내 웹사이트에 순이드닷컴 도메인을 연결하고 SSL까지 적용해서 https로 열리게 해줘."라고 요청하면 돼.
AI가 도메인을 웹사이트에 연결하고, DNS 설정을 맞추고, SSL 인증서까지 발급받아줘. 몇 분 기다리면 https://soonid.com으로 정상적으로 열릴 거야.
서비스 고도화하기
이제 서비스가 서버에 올라가서 내 도메인으로 열렸으니, 더 좋게 만들 차례야.
- 로그인 풀림 문제 해결
- 확정된 일정에 캘린더 추가 버튼 넣기
- 웬투밋처럼 되는 기능 전부 구현 (날짜/요일 선택, 15분/30분 단위, 이름/비밀번호로 다시 들어와 고치기, 드래그 앤 드롭, 시간대 변경 등)
- 디자인 개선 (PC 화면, QR 코드, 여행 일정 지도 추가)
- 다국어 지원 (한국어, 영어, 일본어, 중국어, 스페인어)
순이드는 이제 날짜를 정하려고 단톡방에서 한 명씩 묻는 대신, 링크 하나로 되는 시간을 한 번에 모으고 장소까지 같이 정해서 초청장으로 마무리하는 서비스가 된 거야.
H 패널 메뉴 살펴보기
H 패널에는 대시보드, 배포, 환경 변수, 런타임 로그, 호스팅 상품, 성능, 보안 같은 메뉴가 있어.
- 대시보드: 방문자 수, 오류, 리소스 사용량 확인
- 배포: 올린 버전 기록, 다시 배포 가능
- 환경 변수: 지도 API 키 같은 민감한 정보 설정
- 런타임 로그: 서버 오류 기록 확인
- 호스팅 상품: 서버 리소스 사용 현황 확인
- 성능 (CDN): 전 세계 어디서든 빠르게 열리게 하는 기능
- 보안: 악성코드 검사, 디도스 공격 기록 확인
결론
서비스는 만드는 것보다 세상에 내놓고 계속 고치는 게 더 어렵지만, 오늘 배운 대로 하면 서버, 도메인, 배포까지 한 흐름으로 끝낼 수 있어.
순이드는 지금 순이드닷컴에서 다섯 개 언어로 전 세계에 열려 있어. 내가 한 건 특별한 게 아니라, 만들고 연결하고 말로 올린 게 전부야. 너도 이 영상대로만 하면 바로 전 세계 서비스를 열 수 있어.
블로그를 '인터넷 건물주'라고 하는 사람들도 있는데, 이렇게 서비스를 하나 열어두는 것도 인터넷 건물주가 되는 거야. 내가 자는 동안에도 전 세계 사람들이 들어와서 쓰니까.
가장 빠른 길은 호스팅어였어. 서버를 따로 공부하지 않아도 경험 많은 개발자가 구축해 준 수준의 서버를 바로 갖게 되는 거지. 커넥터를 연결해 두면 AI가 배포, 도메인 연결, 다시 배포까지 대화로 다 해줘.
지금 블랙 프라이데이 기간이라 12개월 플랜이 월 6,959원이고, 쿠폰 코드 TTJ10을 넣으면 10% 더 할인받아서 월 6,263원이야. 서비스는 최소 1년은 해야 하니까 12개월 이상으로 시작하는 걸 추천해.
링크와 쿠폰은 설명란 맨 위와 고정 댓글에 있으니 꼭 확인해 봐. 30일 환불 보장도 있으니 직접 해보는 게 좋아.
도움이 됐다면 구독, 좋아요, 알림 설정 부탁해!