react + node.js 배포 궁금한부분 질문

Question

포폴용으로 리액트를 다루는 기술 책을 참고하여 블로그 사이트 하나 만들었고 배포쪽에서 헤매고 있습니다.react(front) &#43; node.js(back) &#43; mongoDB 로 구성되어 있습니다.디렉터리 구조는/blog/blog/frontend (react) // port:3000/blog/backend (node.js) // port:4000이런식으로 되어있습니다.궁금한 부분은 배포할 때 프론트는 build 후 build 디렉터리 안의 파일을 github pages나 netlify 등등 정적 호스팅 사이트에 배포하고서버쪽은 어떻게 해야하는지 모르겠습니다..제가 하고싶은 방향은 서버를 로컬에서 돌려서 데이터를 로컬로 잡혀있는 mongoDB와 주고받고 하고싶은데요.아니면 node.js로 짜놓은 코드들을 서버 호스팅해주는 사이트에 배포하고github pages 와 서버호스팅사이트와 axios 통신을 하면 되는지 .. (이렇게 한다면 서버호스팅 사이트에 node.js 배포하고 배포된 사이트와 로컬로 잡혀있는 mongoDB와의 통신은 어떻게하는건지? mongoURI가 mongodb://127.0.0.1:xxxxx/blog 이런식으로 되어있습니다.)책에는 mongoDB 서버랑 node.js로 만든 API서버가 구동될 수 있는 서버를 호스팅받아야된다고 나와있는데요. ( aws ec2, 구글클라우드, N클라우드 등등 )왠만하면 비용이 들지 않는 선에서 포폴 사이트제출용으로 만들고싶은데..fly.io라는 사이트 이용해서 back쪽 배포하고 프론트에서 setupProxy.js에 reateProxyMiddleware 타겟url로 지정하고 axios.create부분에 baseURL로 지정해놨는데 api로 데이터를 못받아오더라구요..(이마저도 잘못 했을 가능성 58000%)4000번 포트를 인바운드,아웃바운드 규칙에 허용해놓으니blog/backend에서 npm start로 실행해두면핸드폰으로도 제 ip:4000으로 접속하면 잘 보여서이력서에 제 ip:4000를 써놓을수도없고 ...참고할만한 사이트가 있을까요? 얼른 취업은 해야겠는데 프로젝트는 다 만들어두고 한달째 배포를 못해서 구글링하다 너무 답답해서 여기에 올려봅니다.. 물어볼 곳도 없고 배포관련해서 찾아보면 빌드한 정적파일 배포하는것만 보여주고서버쪽을 어떻게해야하는건지 도저히 모르겠습니다..

안녕하세요플레 · Answer

프론트 엔드 (netlify) -> 백엔드(heroku) -> db( mongo db atlas)mern stack 검색하시면 영상 많습니다

react + node.js 배포 궁금한부분 질문

1개의 답변

기타 목록