서버관련 질문

[오승준]

집에서 남는 노트북으로 자작 nas 로 호스팅하여 code server를 이용해 웹개발을 하고 있습니다.
그런데 리액트로 개발한 웹사이트를 호스팅하는 포트(npm start하는 포트)와 nodejs에서 .listen하는 
포트를 같게 하려고 했더니 이미 사용중인 포트라서 에러가 납니다.

질문 1.
헷갈려서 그러는데 원래 node 개발은 호스팅없이(즉 따로 nas나 호스팅업체없이) 필요로 한 것입니까?

질문2.
만약 자작 nas 서버를 가지고 있는 사람이라면 호스팅가능하니 node개발을 필요시 하지 않는 겁니까??
(즉 node개발 없이 리액트로만 get post put delete개발이 가능 한가요??)

제가 많이 놓치고 있는 게 있는 것 같은데 그게 뭔지 모르겠습니다ㅜ

[codingapple]

호스팅필요합니다 개발시에도 localhost에 호스팅해놓고 개발합니다 
nas에 nodemon server.js를 실행해두면 그게 웹서버입니다

[오승준]

npm start로는 25001번 포트를 사용하고 있고 
node server.js로는 5500번 포트를 사용하고 있습니다.

근데 리액트로 axios. get, post요청을 하고 싶은데 
그럴려면 node server.js의 포트가 25001이어야 가능하다고 생각되는 데 혹시 맞습니까??
(근데 25001포트는 이미 사용중이라 사용 못하는 에러가 납니다.)
아니면 포트가 달라도 그냥 다른 포트에 요청하여 node서버를 리액트개발에 활용 가능한 방법이 있나요??

[오승준]

그리고 axios.get('https://221.24.412.14') 이런 식의 ip 주소 url도 가능한가요?? post도 마찬가지로 궁금합니다.

[codingapple]

그럼 리액트에서 http://localhost:5500 으로 get요청하면 됩니다 
할당된 ip 주소가 있으면 ip주소 써도 됩니다

[오승준]

혹시 리액트와 node서버 연동 후 사용하는 방법이 두가지가  맞나요?

1. 위에서 말한 것처럼, 25001포트로 npm start시키는데 node 서버의 포트인 5500으로 get요청하는 방법.

2. react를 build시켜서 node에 get요청으로 node 파일명으로 실행시켜 npm start없이 실행시키는 방법.

제가 이해한 이 두가지가 맞을까요?

맞다면 어떤 방법이 더 좋은 방법인가요?

[codingapple]

1은 개발시 2는 개발 다 하고 배포시 사용합니다

[오승준]

감사합니다.

[글쓴이]

글