Node.js web app hosting 방법대로 하나하나 따라 하면 Hostinger에 완전히 호스팅|올씽 블로거

Node.js web app hosting 따라하기

Node.js web app hosting 방법대로 하나하나 따라 하면 Hostinger에 완전히 호스팅됩니다.
이 방법은 Hostinger가 공식으로 제공하는 Node.js 앱 배포 기능이라서, AI Studio에서 만든 앱을 자동 빌드 + 서버 실행 + 자동 업데이트까지 다 지원해줍니다.

이 방법대로 하면 실제로 일어나는 일

• GitHub 연결 → 푸시할 때마다 자동으로 코드 pull → npm install → npm run build → npm start 실행
• 환경변수 (GEMINI_API_KEY) → 코드에서 바로 사용 가능
• 포트 관리 → Hostinger가 자동으로 80/443 포트로 연결해줌
• 상태 Running → 앱이 24시간 돌아감 (pm2로 백그라운드 실행)
• 사이트 주소 → https://artcoaching.artsense.kr 에서 바로 앱이 열림

하나하나 따라 하면 성공률 거의 100%제가 알려드린 단계는 Hostinger의 실제 UI를 기반으로 한 거라서, 정확히 따라 하면 10~15분 안에 호스팅 완료됩니다.

 

지금 바로 시작하는 팁 (실패 없게!)

1. Marketplace → Node.js web app hosting → Open 클릭
2. Create Application 클릭
   • Application root: 기본값 (public_html) 그대로 두세요
   • Application URL: https://artcoaching.artsense.kr 선택 (또는 서브도메인으로 테스트)
   • Node.js version: 20.x 추천
   • Mode: Production
   • Create 클릭 → 앱 생성 완료!
3. GitHub 연결 (자동 배포를 원하면 추천!)
   • 생성된 앱 화면에서 Git Repository 또는 Connect to GitHub 클릭
   • GitHub 로그인 → 저장소 선택: mesektok/artontok-prolect1
   • Branch: main
   • Build Command: npm install && npm run build
   • Output Directory: dist
   • Start Command: npm start (package.json의 scripts.start 확인하세요)
   • Auto Deploy: ON
   • Deploy 클릭
4. 환경변수 추가 (필수!)
   • 앱 관리 화면 → Environment Variables 탭
   • Key: GEMINI_API_KEY
   • Value: 당신의 실제 Gemini API 키 (복사해서 붙여넣기)
   • Save 클릭
5. 앱 시작
   • Start 또는 Restart 버튼 클릭
   • Status가 Running으로 바뀌면 성공!
6. 테스트
   • https://artcoaching.artsense.kr 열기 → 앱이 뜨면 완성!
   • GitHub에서 README.md 수정 → 푸시 → 1분 후 사이트 새로고침 → 변경 반영 확인

만약 중간에 막히면?

• 화면 캡처 한 장만 보내주세요 (어떤 화면인지, 어떤 버튼이 보이는지)
• 그럼 정확히 다음 단계 알려드릴게요.

이 방법은 Git + Webhook보다 훨씬 안정적이고, Hostinger가 공식 지원하는 기능이라 실패할 확률이 거의 없습니다. 

지금 Marketplace > Node.js hosting > Open 클릭부터 시작해 보세요! 첫 화면 캡처 보내주시면 바로 안내드릴게요~ 

오렌지처음으로