웹 앱 공개하기: 내보내기부터 내 주소까지
웹 앱을 온라인에 올리는 과정이에요. 내용을 확인하고, 이름과 설명을 입력하고, 공개한 뒤 공개 페이지를 점검해요. 복사할 수 있는 명령어와 함께 단계별로 안내해요.
내용 확인하기
Geckify에서- 모든 페이지를 데스크톱과 휴대폰에서 열어 보세요. 버튼, 폼, 내비게이션을 방문자처럼 눌러 봐요.
문구와 주소 입력하기
Geckify에서- 이름, 설명, 그리고 정해지면 공개용 https 주소를 입력해요.
Geckify로 공개하기
Geckify에서- 호스팅에서 저장한 웹 앱을 빌드하고, 공개할 버전을 골라 내보내요.
또는 내 제공사에서
제공사에서소요 시간: 처음에는 약 15분비용: Cloudflare Pages: 무료 플랜
- Windows웹 코드를 내려받은 뒤 ZIP 파일을 오른쪽 클릭 → „압축 풀기“를 선택해요.
- Mac웹 코드를 내려받고 ZIP 파일을 더블클릭해 압축을 풀어요.
- Node.js(LTS)를 한 번만 설치해요.
- Windows압축을 푼 폴더를 열고, 위쪽 주소창에 „cmd“를 입력한 뒤 Enter를 눌러요.
- MacFinder에서 폴더를 오른쪽 클릭 → „폴더에서 새로운 터미널“을 선택해요.
- 아래 명령어 두 줄을 붙여 넣고 각각 Enter를 눌러요. 폴더 안에 dist 폴더가 생겨요.
- Cloudflare Pages에서 „직접 업로드“ 프로젝트를 만들고 dist 폴더를 끌어다 놓아요. 바로 주소가 생겨요.
복사할 명령어npm install npm run build공개된 페이지 점검하기
제공사에서- 실제 주소를 시크릿 창에서, 컴퓨터와 휴대폰 모두로 열어 보세요. 링크, 폼, 법적 페이지를 확인해요.
믿을 만한 세 곳 — 선택은 내가
- Cloudflare Pages
무료: 정적 사이트는 요청 무제한, 빌드 월 500회
이후: 동적 코드가 많을 때만 월 5달러
Cloudflare에서 산 도메인은 바로 연결돼요 - Netlify
무료: 월 300크레딧(예: 배포 4회, 11GB, 요청 10만 회)
이후: Personal 월 9달러
크레딧을 다 쓰면 다음 주기까지 모든 프로젝트가 멈춰요 - Vercel
무료: Hobby: 개인용만, 상업 사이트 불가
이후: Pro 월 20달러
판매나 광고가 있으면 Pro가 필요해요
다른 가이드
- OpenAI·Anthropic·Gemini API 키 발급 방법
- 앱이나 웹사이트용 도메인 구입하는 방법
- 아이폰 앱을 App Store에 출시하는 방법(Capacitor)
- 안드로이드 앱을 Google Play에 출시하는 방법(Capacitor)