JSON 파일 업로드와 URL 공개
백엔드가 나오기 전, 프론트엔드가 쓸 데이터 주소
API가 준비되기 전의 데이터
백엔드 API가 아직 없어도 프론트엔드는 화면을 그릴 데이터가 필요합니다. 고정 URL에 올린 JSON 하나를 팀원 모두가 같은 목업 데이터로 씁니다. 응답 형식이 바뀌어도 파일만 고쳐 올리고 주소는 그대로 둡니다.
프론트엔드 개발에 맞춘 부분
🔗 상대 경로 fetch
같은 ZIP의 index.html에서 fetch('./data.json')으로 읽습니다.
🌍 CORS 허용
모든 출처를 허용하는 헤더로 전달되어, 다른 도메인과 localhost에서도 GET 요청이 통합니다.
📁 여러 파일
users.json과 products.json을 ZIP에 함께 넣어 경로별로 엽니다.
⌨️ 코드 에디터 수정
ZIP 속 JSON 값을 Solo 요금제의 코드 에디터에서 바로 고칩니다.
🤖 API로 교체
API 키로 업로드하고, 같은 도메인에 PUT을 보내 내용을 바꿉니다. API는 Solo부터입니다.
↩️ 이전 데이터로
Tiny 이상은 업데이트하기 전 버전으로 되돌립니다.
json-server를 띄울 때와의 차이
json-server는 POST와 PUT까지 흉내 내는 가짜 REST API를 내 PC에 띄웁니다. 읽기만 필요한 목업이라면 정적 JSON 파일로도 화면 개발을 시작할 수 있습니다.
자동 교체는 Solo 요금제의 API로
JSON과 데모 페이지를 합쳐 3MB 안이라면 무료 요금제에서 공개합니다. 스크립트에서 API로 파일을 바꾸거나 코드 에디터로 값을 고치려면 Solo가 필요합니다.
- ✓ 사이트 1개 게시
- ✓ HTML·ZIP 파일 최대 3MB
- ✓ 월 방문 5,000회, 트래픽 5GB
- ✓ SSL이 적용된 무료 주소 myname.tiiny.site
- – 작은 Tiiny Host 배너 표시
- Tiny $5 약 6,800원 · 배너 제거, 최대 25MB, 버전 기록, 방문 통계
- Solo $13 약 17,600원 · API, 코드 에디터, 비밀번호 보호, 프로젝트 5개
- Pro $31 약 42,000원 · 프로젝트 15개, 팀원 추가
- Pro Max $74 약 100,300원 · 프로젝트 무제한, 저장 공간 2TB
원화 금액은 2026년 9월 28일 환율(1달러 ≈ 1,356원)로 계산한 월 요금 어림값입니다. 실제 청구 금액은 결제 화면에서 확인하세요.
요금제별 저장 공간과 업로드 크기
업로드 용량 한도빌드 스크립트에서 데이터 교체
CI 작업이나 cron 스크립트에서 API 키를 붙여 ZIP을 보냅니다. 이미 게시한 데이터를 갈아 끼울 때는 같은 도메인으로 PUT 요청을 보냅니다.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@mock-data.zip" \
-F "domain=mock-api-demo.tiiny.site"
# → https://mock-api-demo.tiiny.site
# 파일 교체는 같은 도메인에 PUT 요청JSON 주소가 필요한 순간
프론트엔드 목업 API
백엔드 개발이 끝나기 전, 화면 개발에 쓸 응답 데이터를 공개합니다.
부트캠프 과제 데이터
수강생 모두가 같은 주소의 JSON을 불러와 과제를 진행합니다.
공공데이터 시각화
공공데이터포털에서 받은 자료를 JSON으로 정리해 차트 페이지와 함께 올립니다.
The Complete Static Website Guide | What are they, How to Create One and Publish them
정적 웹사이트의 개념과 만들고 게시하는 과정을 처음부터 정리했습니다.
