Hostinger hPanel로 dist 폴더 업로드

Hostinger의 hPanel File Manager를 이용해 Vite나 React 빌드의 dist 폴더를 업로드하는 것은 가장 간단한 방법입니다. 이전 AI Studio 프로젝트 배포 경험처럼 zip 압축 후 드래그 앤 드롭으로 2분 만에 완료할 수 있습니다.

준비 단계

1. 로컬에서 dist 폴더 전체를 선택해 zip 파일(my-site.zip)로 압축합니다.
2. Hostinger hPanel에 로그인 후 Websites > Manage > File Manager로 이동합니다.

업로드 과정

1. public_html 폴더(또는 루트)로 들어갑니다.
2. Upload 버튼 클릭 또는 파일 드래그 앤 드롭으로 zip 업로드(256MB 제한).
3. zip 파일 우클릭 > Extract > 추출(덮어쓰기 체크).
4. 불필요한 zip 삭제하고, index.html이 루트에 있는지 확인합니다.

SPA 라우팅 설정

Vite 앱의 경우 .htaccess 파일을 public_html에 생성해 추가합니다:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]

이 코드로 새로고침 시 404 오류 방지합니다.

테스트 및 팁

• 업로드 후 Ctrl+F5로 캐시 지우고 사이트 확인합니다.
• 대용량 시 FTP(FileZilla) 대안이나 Import Website 사용하세요.
• 문제가 발생하면 hPanel Logs나 지원 챗봇 활용.