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

rlawnsgml1997님의 프로필 이미지

작성한 질문수

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

axios & cors

react 파일 빌드 자동화, 화면 새로고침 관련한 재 질문

22.04.01 02:18 작성

·

306

1

얼마전에 비슷한걸로 질문했던 수강생입니다.
강사님은 리액트 빌드한걸 노드에 연결한채로 프론트 작업하시는거 같은데, 강의를 보면, 프론트 소스파일을 변경할때마다 화면 리프레쉬 하면 바로바로 변경이되는 것 같습니다. 그 방법이 궁금합니다. 저는 매번 소스 바뀔때마다 빌드를 해서 노드에 빌드된 파일을 보내는지라, 빌드시키는 시간이 오래걸려서 곧바로 리프레쉬가 안됩니다.

답변 2

0

판다코딩님의 프로필 이미지
판다코딩
지식공유자

2022. 04. 11. 16:35

말씀해주신 부분에 대해서 조금 고민해 보았는데,

만약 5000번 포트에서 반영된 코드를 확인하신다면

코드가 수정이 되고 >  react app 이 빌드되고 > 5000번 포트에서 반영이 되는 과정에서 시간이 많이 소요되는 것 같습니다.

그렇다면 cra로 react app을 만드는 게 아니라

2세대 컴파일러 중 하나인 vite를 이용해보시는 것은 어떨까요?

0

판다코딩님의 프로필 이미지
판다코딩
지식공유자

2022. 04. 01. 10:36

앗...!

혹시 코딩한 내용을 5000번 포트(서버 쪽에서 설정한 포트)로 확인하고 계시나요?

최선재님의 프로필 이미지

2022. 12. 30. 15:14

저도 이 부분에 대해서 질문 있습니다. client의 변경사항은 3000번 포트에서 확인하고 이제 React 최종본을 npm run-script build를 통해서 build 파일을 생성한 후에 배포하는 건가요? 그리고 5000번 포트에서는 client변경사항을 원래 확인할 수 없는건가요?