만들기
아이디어의 가능성을 더 크게 WEB · iOS · ANDROID
가이드

웹 앱 공개하기: 내보내기부터 내 주소까지

웹 앱을 온라인에 올리는 과정이에요. 내용을 확인하고, 이름과 설명을 입력하고, 공개한 뒤 공개 페이지를 점검해요. 복사할 수 있는 명령어와 함께 단계별로 안내해요.

  1. 내용 확인하기

    Geckify에서
    1. 모든 페이지를 데스크톱과 휴대폰에서 열어 보세요. 버튼, 폼, 내비게이션을 방문자처럼 눌러 봐요.
  2. 문구와 주소 입력하기

    Geckify에서
    1. 이름, 설명, 그리고 정해지면 공개용 https 주소를 입력해요.
  3. Geckify로 공개하기

    Geckify에서
    1. 호스팅에서 저장한 웹 앱을 빌드하고, 공개할 버전을 골라 내보내요.
  4. 또는 내 제공사에서

    제공사에서

    소요 시간: 처음에는 약 15분비용: Cloudflare Pages: 무료 플랜

    1. Windows웹 코드를 내려받은 뒤 ZIP 파일을 오른쪽 클릭 → „압축 풀기“를 선택해요.
    2. Mac웹 코드를 내려받고 ZIP 파일을 더블클릭해 압축을 풀어요.
    3. Node.js(LTS)를 한 번만 설치해요.
    4. Windows압축을 푼 폴더를 열고, 위쪽 주소창에 „cmd“를 입력한 뒤 Enter를 눌러요.
    5. MacFinder에서 폴더를 오른쪽 클릭 → „폴더에서 새로운 터미널“을 선택해요.
    6. 아래 명령어 두 줄을 붙여 넣고 각각 Enter를 눌러요. 폴더 안에 dist 폴더가 생겨요.
    7. Cloudflare Pages에서 „직접 업로드“ 프로젝트를 만들고 dist 폴더를 끌어다 놓아요. 바로 주소가 생겨요.
    복사할 명령어
    npm install
    npm run build
  5. 공개된 페이지 점검하기

    제공사에서
    1. 실제 주소를 시크릿 창에서, 컴퓨터와 휴대폰 모두로 열어 보세요. 링크, 폼, 법적 페이지를 확인해요.

믿을 만한 세 곳 — 선택은 내가

  • Cloudflare Pages

    무료: 정적 사이트는 요청 무제한, 빌드 월 500회

    이후: 동적 코드가 많을 때만 월 5달러

    Cloudflare에서 산 도메인은 바로 연결돼요
  • Netlify

    무료: 월 300크레딧(예: 배포 4회, 11GB, 요청 10만 회)

    이후: Personal 월 9달러

    크레딧을 다 쓰면 다음 주기까지 모든 프로젝트가 멈춰요
  • Vercel

    무료: Hobby: 개인용만, 상업 사이트 불가

    이후: Pro 월 20달러

    판매나 광고가 있으면 Pro가 필요해요
2026년 9월 23일 기준이며 가격은 바뀔 수 있어요. Geckify는 어떤 추천에서도 돈을 받지 않아요.

다른 가이드

모든 가이드

문의

요금제나 팀, 프로젝트에 관해 궁금한 점이 있나요? 편하게 보내 주세요. 모든 메시지를 읽고 영업일 기준 2일 안에 답해 드려요.