리액트 앱 배포하기
Vite와 Create React App 빌드를 그대로 공개합니다
이력서에 적을 앱 주소
부트캠프 팀 프로젝트나 포트폴리오용으로 만든 리액트 앱은 이력서와 README에 적을 주소가 있어야 합니다. Vite라면 dist, Create React App이라면 build 폴더 안의 파일을 ZIP으로 묶어 Tiiny Host에 올립니다. 서버나 배포 파이프라인을 따로 설정할 일은 없습니다.
빌드부터 운영까지
📱 휴대폰 QR
Tiny 이상에서 받은 QR 코드로 휴대폰에서 바로 앱을 엽니다.
🔄 GitHub 푸시 배포
저장소를 연결한 뒤에는 기본 브랜치 푸시가 곧 배포입니다. 무료 요금제에서도 씁니다.
🧭 HashRouter 권장
새로고침해도 페이지가 열리도록 React Router는 HashRouter로 씁니다.
🌐 자체 도메인
Solo 요금제에서 회사나 개인 도메인을 앱에 연결합니다.
📊 스크립트 없는 통계
분석 코드를 넣지 않아도 방문 수와 유입 경로가 보입니다(Tiny 이상).
↩️ 빌드 되돌리기
문제가 있는 빌드를 올렸다면 Tiny 이상의 버전 기록에서 이전 판을 고릅니다.
AWS S3로 배포할 때와의 차이
트래픽이 큰 서비스라면 AWS의 구성이 맞습니다. 발표나 포트폴리오용 앱을 공개하기에는 설정할 것이 많습니다.
내 도메인 연결은 Solo부터
무료 요금제로도 빌드를 공개할 수 있습니다. 배너를 없애고 방문 통계를 보려면 Tiny, 회사 도메인을 붙이려면 Solo를 고릅니다.
- ✓ 사이트 1개 게시
- ✓ HTML·ZIP 파일 최대 3MB
- ✓ 월 방문 5,000회, 트래픽 5GB
- ✓ SSL이 적용된 무료 주소 myname.tiiny.site
- – 작은 Tiiny Host 배너 표시
- Tiny $5 약 6,800원 · 배너 제거, 최대 25MB, 방문 통계, 버전 기록
- Solo $13 약 17,600원 · 자체 도메인, 최대 75MB, 프로젝트 5개, API
- Pro $31 약 42,000원 · 프로젝트 15개, 팀원 추가
- Pro Max $74 약 100,300원 · 프로젝트 무제한, 저장 공간 2TB
원화 금액은 2026년 9월 28일 환율(1달러 ≈ 1,356원)로 계산한 월 요금 어림값입니다. 실제 청구 금액은 결제 화면에서 확인하세요.
요금제별 저장 공간과 업로드 크기
업로드 용량 한도무료 요금제의 3MB 한도는 빌드 결과물 전체에 적용됩니다. 이미지나 폰트가 많은 앱이라면 Tiny(25MB)부터 살펴보세요.
GitHub Actions에서 배포
GitHub Actions 같은 CI에서 빌드한 ZIP을 API로 보냅니다. API는 Solo 이상 요금제에서 씁니다.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@dist.zip" \
-F "domain=my-react-app.tiiny.site"
# → https://my-react-app.tiiny.site
# 파일 교체는 같은 도메인에 PUT 요청공개하는 앱의 예
부트캠프 팀 프로젝트
최종 발표 전에 팀원과 강사가 같은 주소로 앱을 확인합니다.
개발자 이력서
직접 만든 리액트 앱 주소를 이력서와 깃허브 README에 적습니다.
해커톤 데모
심사 직전에 빌드한 데모를 올려 심사위원 휴대폰으로 바로 보여 줍니다.
