인프런 커뮤니티 질문&답변

안녕하세요, 질문 감사합니다!

Java WAR 배포 방식에 대해서는 깊게 알지 못하기에 만족하실만한 설명을 드릴 수 있을지 조심스럽습니다만, Node.js와 Vite 프로젝트를 배포하는 관점에서 말씀드리겠습니다.

일단 배포 방식은 크게 두 가지로 나눌 수 있습니다:

1. 클라우드 서버에 배포하는 방식

• AWS, Heroku, Firebase Hosting, Vercel, Netlify, Railway 등과 같은 외부 서버(클라우드 플랫폼)에 소스코드를 올리고 실행하는 방식입니다.

• 이 방식은 인터넷만 연결되어 있으면 누구든 접속 가능하다는 장점이 있습니다.

• 하지만 별도 계정 생성, 빌드 파이프라인 구성, 유료 요금제 고려 등의 요소가 필요할 수 있습니다.

만약 클라우드 서버에 배포하시고 싶으시다면, 프론트엔드 React-Vite는 Firebase Hosting(무료)이 적합하고, 백엔드의 경우에는 Vercel이나 Netlify 같은 Node.js 서버를 배포할 수 있는 서비스를 추천드립니다. 각각 클라우드 서버만의 장단점이 있기 때문에 비교해보셔서 배포를 진행하시면 되겠습니다.

또한, 배포 후 커스텀 도메인을 구매해 연동하면 배포를 완전히 마무리할 수 있습니다.

2. 로컬 서버(내 컴퓨터)에서 배포하는 방식

• 지금 질문자님이 설정하신 방식입니다.
  예: 데스크톱 A는 서버 역할, 데스크톱 B는 클라이언트 역할.

• 이 경우 서버로 사용될 데스크톱에서 애플리케이션을 실행해두고, 같은 네트워크(예: 집 공유기)를 사용하는 다른 컴퓨터에서 접근합니다.

• 이때는 로컬 IP 주소를 사용해 접근하게 됩니다. 예시: http://192.168.0.5:3000
  그 후, 로컬 IP와 공인 IP 그리고 커스텀 도메인을 연동하려면, Nginx와 같은 리버스 프록시 서버를 사용해 트래픽을 적절히 분배하고 라우팅 설정을 해주는 것이 일반적입니다.

Q1. vite와 node.js만의 배포하는방법이 있나요?

A. 강의에서는 Vite와 node.js 서버를 실행시킬 때 npm run dev명렁어를 통해 실행 했었습니다. 배포 가능한 형태로 만드는 방법은

1. Vite 프론트엔드: npm run build

cd frontend 
npm run build

• 이 명령어를 실행하면, frontend/dist 폴더에 정적 파일(HTML, JS, CSS 등)이 생성됩니다.

• 이 폴더는 Java의 .war처럼 서버에 올려서 실행만 하면 되는 결과물이라 보시면 됩니다.

2. 프론트엔드 폴더에 index.js 작성하기

// frontend/index.js
const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'dist')));

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist/index.html'));
});

app.listen(5173, () => {
  console.log('Frontend running on http://localhost:5173');
});

생성된 index.js를 실행할 때 node index.js만 실행하면 됩니다. 추가적으로 PM2를 통해 서버가 꺼지더라도 Node.js 앱을 자동으로 재시작해주는 프로세스를 사용하실 수도 있습니다.

마지막으로, 백엔드 코드는 별도로 수정/빌드할 필요 없이 nodemon이나 pm2로 서버를 실행한 후, 포트 번호만 공인 IP나 커스텀 도메인에 라우팅해주면 배포가 완료됩니다.

Q2. frontend폴더와 backend폴더가 따로 있는데 하나로 로컬데스크톱에 배포하는 방법이 있나요?

A. 질문자님께서 보유하고 계신 A 데스크톱과 B 데스크톱에 각각 프론트엔드와 백엔드를 나누어 배포하셔도 괜찮고, A 데스크톱에 프론트엔드와 백엔드를 함께 배포하셔도 무방합니다.
어차피 같은 통신사의 인터넷망을 통해 외부로 접속하게 되므로, 실제로 어느 컴퓨터를 사용하느냐는 큰 차이가 없습니다.

추가적으로 궁금한 점이 있으시면 언제든지 편하게 질문 주세요! 감사합니다.