컴윗의 본질은, 내 에이전트를 진짜 인프라에 붙이는 거예요.
기술 세팅은 현직 개발자가 미리, 당신은 바로 시작. 검증된 기술을 미리 큐레이팅해 세팅해 두어서, 고민도 따로 배울 것도 없이 만들고 싶은 걸 바로 시작할 수 있어요.
내 컴퓨터의 클로드코드·코덱스를 그대로
내 컴퓨터의 진짜 AI 코딩 에이전트에 컴윗 MCP를 연결해요. 에이전트의 온전한 성능은 그대로 두고, 인프라·저장·배포만 컴윗이 맡아요.
컴윗의 본질이 바로 이거예요.
컴윗 MCP는 내 컴퓨터의 AI 코딩 에이전트를 컴윗 인프라에 붙이는 연결 통로예요.
comwit.io에서 웹으로 바로
설치 없이 웹에서 채팅만으로 시작하는 가벼운 방법이에요. 맛보기나 간단한 화면엔 편하지만, 제대로 만들 땐 위쪽 방법을 써요.
가볍게 쓰기 좋은 부가 기능이에요. 핵심은 위의 인프라·에이전트 연결이고요.
컴윗이 대신 해주는 일.
각 항목이 무엇이고, 왜 도움이 되는지 담백하게 적었어요.
사이트 띄우기(호스팅)
만든 사이트를 인터넷에 늘 띄워 둬요. 컴윗은 한국에 서버가 있어 국내에서 빨리 열려요.
뒷단(백엔드)·데이터 저장
회원가입·주문·결제처럼 화면 뒤에서 도는 처리와, 그 정보를 담는 창고(데이터베이스)를 연동해 둬요. 서버를 따로 구할 필요가 없어요.
사진·파일 저장
이미지·파일을 올려 두는 공간을 줘요. 사진은 올리면 자동으로 알맞게 크기를 줄이고, 안전하게 보관해요.
회원가입·로그인
로그인 기능을 붙이기 쉽게 준비해 둬요. 카카오 로그인 같은 것도 쉽게 넣어요.
도메인(주소)
산 도메인 주소(예: mysite.com)를 사이트에 연결(연동)하는 걸 쉽게 해 줘요. 주소 구매 지원은 예정이에요.
문서·할 일 관리
기획·메모를 적어 두는 문서와, 할 일을 카드로 옮기며 관리하는 보드를 함께 써요.
함께 작업·권한
팀원을 초대하고, 누가 무엇을 보고 고칠지 정해요. 남의 작업은 못 건드리게 막아요.
비밀정보 보호
비밀번호·외부 서비스 열쇠(키) 같은 민감한 값을 환경변수로 등록하도록 가이드하고, 사용자가 놓쳐도 알아서 등록해 둬요. 비개발자가 흔히 하는 실수(열쇠를 코드에 그대로 노출)를 막아 줘요.
기술·부품 골라 세팅
화면을 만들 때 쓰는 검증된 도구(라이브러리)를 컴윗이 미리 골라 다듬어 둬요. 무엇을 써야 할지 몰라도 바로 시작하고, 화면이 안정적으로 돌아요.
관리자 화면
운영에 필요한 관리자 페이지 디자인을 미리 준비해 둬요.
앱처럼 부드럽게
웹으로 만들어도 앱처럼 화면이 매끄럽게 넘어가도록 자체 기술로 입혀요.
고른 코드 품질
정해진 규칙으로, 누가 만들어도 코드 품질이 일정하게 나와요. 나중에 고치기도 쉬워져요.
검색 노출(SEO)
검색에 잘 걸리도록 필요한 설정을 자동으로 넣어요.
계속 최신화
더 나은 도구·배포 환경으로 컴윗이 꾸준히 업데이트해요.
프롬프트로 세팅 안내
복잡한 프로젝트 세팅(무엇을 깔고 어떻게 연결할지)을 컴윗이 프롬프트(AI 도구에 넣는 지시문)로 안내해요. 그대로 넣으면 AI 도구가 알아서 필요한 걸 깔고 설정하게 도와줘요. 무엇을 깔지 몰라도 돼요.
현직 개발자가 밟는 순서 그대로.
급하게 짜서 나중에 무너지는 코드가 아니라, 경험 많은 개발자가 실제로 밟는 순서대로 만들어 오래 유지되게 해요.
- 샘플(mock)로 먼저
- 진짜 데이터를 붙이기 전에, 가짜 샘플 데이터로 화면을 먼저 보여 줘요. 방향을 빨리 확인하고, 확정되면 진짜 데이터로 빠짐없이 바꿔요.
- 부품처럼 나눠 조립(모듈화)
- 값을 화면 여기저기 박아 넣지(하드코딩) 않고, 기능을 부품으로 나눠 구조를 잡아요. 나중에 하나만 바꿔도 전체가 흔들리지 않아요.
- 코드 정리(리팩토링)
- 시간이 지나도 잘 굴러가도록, 코드를 주기적으로 정리하는 과정을 스킬로 갖춰 뒀어요. 오래 유지·보수돼요.
- 디자인 규칙 먼저(디자인 시스템)
- 색·버튼·글꼴 같은 규칙을 먼저 정해 둬요. 화면마다 제각각이 아니라 통일된 모습으로 나와요.
- AI가 알아서 일하는 환경(하네스)
- 원래는 AI에게 “이렇게 해, 저건 고쳐” 하고 하나하나 지시·피드백해야 해요. 컴윗은 그 규칙과 환경을 미리 깔아 둬서(하네스 엔지니어링) AI가 일관되게 일해요. 매번 지시하지 않아도 돼요.
직접 했다면, 무엇을 어디에 얼마에.
직접 하면 서비스마다 가입·결제·연결을 해야 할 뿐 아니라, 어떤 프로그래밍 언어·기술·부품(라이브러리)을 쓸지부터 스스로 골라야 해요. 컴윗은 이 선택을 대신 해서 세팅해 둬요.
아래 가격은 2026년 7월 각 사 공식 요금 기준이에요(도메인은 원화, 나머지는 달러). 초과 사용분은 대부분 별도로 붙어요.
사이트 띄우기(호스팅)— 화면을 인터넷에 올리기
| 서비스 | 무료 | 유료 시작 | 한국에서·주의점 |
|---|---|---|---|
| Vercel | 개인·비상업용 | $20/월·1인 | 서버 지역을 서울로 지정해야 빠름(기본값은 미국). |
| Netlify | 월 크레딧 300 | $20/월 | 크레딧 소진 시 자동 충전(사용량만큼 추가 과금). |
| Cloudflare | 하루 10만 요청 | $5/월 | 한국 트래픽이 홍콩 등으로 우회되기도 함. |
| 컴윗 | 가입에 포함 | — | 한국에 서버가 있어 별도 설정 없이 빠름 |
뒷단 서버(백엔드)— 화면 뒤에서 도는 처리 올리기
회원 처리·결제·알림처럼 눈에 안 보이는 로직을 돌리는 서버예요. 직접 하면 서버를 만들어 올리고 계속 관리해야 해요.
| 서비스 | 무료 | 유료 시작 | 한국에서·주의점 |
|---|---|---|---|
| Render | 있음(안 쓰면 잠들어 첫 접속이 느림) | $7/월 | 무료 DB는 생성 30일 뒤 만료(이후 유예 기간 지나면 삭제). 규모 커지면 요금이 오름. |
| Railway | 상시 무료 없음 | $5/월 | 아시아는 싱가포르만(서울 없음) → 지연. $5에 사용분 $5 포함, 초과분 추가. |
| Fly.io | 상시 무료 없음 | 종량제 월 약 $2~20 | 쓴 만큼 과금. 전송량·고정 IP가 별도로 붙음. |
| 컴윗 | 가입에 포함 | — | 뒷단·데이터 저장이 이미 연동돼 있음 |
정보 저장(데이터베이스)— 회원·주문 같은 정보 창고
| 서비스 | 무료 | 유료 시작 | 한국에서·주의점 |
|---|---|---|---|
| Supabase | 있음(1주 안 쓰면 일시정지) | $25/월 | 서울 지역 선택 가능. 사용량 초과분 추가 과금. |
| Neon | 있음 | 쓴 만큼(월 최소 없음) | 항상 켜 두면 요금이 빨리 쌓임(자동 정지 설정 필요). |
| PlanetScale | 없음 | $5/월(개발용) | 실서비스용은 $15/월부터. |
| 컴윗 | 가입에 포함 | — | 연동돼 있고 같은 망에 붙어 빠름 |
사진·파일 저장— 올린 이미지·파일 보관
직접 하면 저장 공간을 만들고, 접근 권한과 열쇠(키)를 관리하고, 사진 크기를 줄이는 처리와 전송(egress) 요금까지 챙겨야 해요.
| 서비스 | 무료 | 요금 | 주의점 |
|---|---|---|---|
| Cloudflare R2 | 10GB | GB당 월 $0.015 | 전송(다운로드)은 무료. 다만 읽기 요청이 아주 많으면(월 수천만 건 ↑) 요청 건당 소액 붙음. |
| AWS S3 | 신규 12개월만 | GB당 월 $0.023 | 사용자에게 나가는 전송 요금이 비쌈. 크기 줄이기는 직접 구성. |
| Cloudinary | 월 크레딧 25 | $89~99/월 | 저장·변환·전송이 한 통에서 빠져 트래픽 몰리면 금방 소진. |
| 컴윗 | 가입에 포함 | — | 저장 + 자동 크기 조절 + 안전한 업로드 기본 |
회원가입·로그인
| 서비스 | 무료 | 유료 시작 | 주의점 |
|---|---|---|---|
| Clerk | 이용자 5만 명까지 | $20/월 | 초과 이용자당 추가 요금. 팀 인원 많으면 상위 플랜. |
| Auth0 | 일부 무료 | $35/월~ | 이용자가 늘수록 요금이 가파르게 오름. |
| 컴윗 | 가입에 포함 | — | 골라 둔 로그인으로 바로(카카오 로그인 등) |
도메인(주소)— mysite.com 같은 사이트 주소
| 서비스 | .com 1년 | 주의점 |
|---|---|---|
| 가비아 | 약 ₩23,000/년 | 주소를 사고 나서, 그 주소를 사이트에 연결(연동)하는 설정을 따로 해야 함. 갱신가는 오를 수 있어 발행 전 확인 권장. |
| 컴윗 | 연동을 쉽게 | 산 주소를 사이트에 연결(연동)하는 걸 쉽게. 도메인 구매 지원은 예정. |
정리 — 직접 갖추면 사이트·백엔드·저장소·로그인·도메인을 각각 가입·결제하고, 어떤 기술·부품을 쓸지, 서버 지역·전송 요금·열쇠 관리까지 스스로 챙겨야 해요. 컴윗은 이걸 가입 하나로 묶고, 기술 선택은 미리 해 두고, AI와 대화하며 붙이게 해요.
그리고, 속도.
컴윗은 서버를 한국에 두고 돌려요. 위 해외 서비스들은 한국에서 서버가 멀거나(싱가포르) 다른 나라로 우회(홍콩)되어 느려지는데, 컴윗은 가까운 곳에서 처리해요.
| 서비스 | 한국에서 위치 | 체감 속도·문제 |
|---|---|---|
| Cloudflare | 홍콩 등으로 우회 | 느림. 홍콩을 거치면 지연이 커져, 카카오 로그인·GPT API 같은 외부 호출이 느려지거나 타임아웃 나기도 함. |
| Railway | 싱가포르 | 1~2초 |
| 컴윗 | 한국 | 0.05~0.1초 |
사이트가 빨리 열리면 검색에도 유리해요(구글 기준). 쇼핑몰·기업 홈페이지라면 검색으로 들어온 손님이 곧 주문·문의가 돼요. 다만 네이버 노출은 검색 등록 같은 별도 절차라 따로 챙기는 편이 좋아요.
자주 묻는 질문.
컴윗을 처음 보는 분들이 가장 많이 묻는 것들이에요.
용어 풀이.
위에서 나온 낯선 단어를 쉽게 풀었어요.
- 호스팅
- 내 사이트를 인터넷에 늘 띄워 두는 자리(매달 임대료처럼 비용)
- 백엔드
- 화면 뒤에서 도는 처리 — 회원·결제·데이터 같은 눈에 안 보이는 일
- 데이터베이스(DB)
- 회원·주문 같은 정보를 담아 두는 창고
- 라이브러리
- 개발에 쓰는, 이미 만들어진 부품 모음(처음부터 안 만들어도 되게)
- 샘플 데이터(mock)
- 진짜 데이터 대신 잠깐 쓰는 가짜 데이터. 화면을 먼저 확인할 때 사용
- 모듈화
- 기능을 부품처럼 나눠 두는 것. 하나만 바꿔도 전체가 안 흔들리게
- 리팩토링
- 겉보기 동작은 그대로 두고, 코드를 정리·개선하는 일
- 디자인 시스템
- 색·버튼·글꼴 같은 화면 규칙을 모아 둔 것. 화면을 통일되게
- 하네스
- AI가 실수 없이 일관되게 일하도록 미리 깔아 둔 규칙·환경
- 서버 지역(리전)
- 서버가 놓인 지역. 사용자와 가까울수록 사이트가 빨리 열림
- 도메인
- 사이트 주소(예: mysite.com)
- 환경변수
- 비밀번호·외부 서비스 열쇠(키) 같은 민감한 설정값. 코드에 안 넣고 따로 보관
- API
- 다른 서비스(카카오 로그인, GPT 등)를 불러다 쓰는 통로
- 전송량(egress)
- 저장해 둔 파일이 사용자에게 나갈 때 드는 데이터 요금
- SEO
- 검색(구글 등)에 잘 걸리도록 하는 설정
가격은 2026년 7월 각 사 공식 요금 기준이에요. 프로모·환율·초과 사용에 따라 달라질 수 있어, 계약 전 공식 페이지 확인을 권해요.