inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

axios & cors

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

397

rlawnsgml1997

작성한 질문수 5

1

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

react nodejs firebase mongodb express

답변 2

0

판다코딩

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

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

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

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

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

0

판다코딩

앗...!

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

0

최선재

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

Heroku 데이터로드 문제.

0

194

2

몽고DB

0

180

1

No routes matched location Error Component Stack error 질문입니다.

0

604

1

axios 문제 404에러

0

2130

1

도와주세요

0

469

3

네이버 클라우드를 사용하지 않는 사람은 외부저장소~env 까지 따라하지 않아도 되죠?

0

240

0

두번씩 실행되는 문제..

0

470

1

스타일 깃허브에서 코드 가져가라고 하셨는데요

0

479

2

read(2) 강의 내용에 질문이 있습니다.

0

270

1

깃허브

0

354

1

마지막에 "" 로 채워주는 이유가 있을까요?

0

294

1

React-router-dom을 설치하고 react app이 크롬에서 실행되지 않습니다.

0

387

1

Detail.js CSS 관련 강의가 없어진거 같은데요 ?

0

284

1

504 에러

0

864

1

콘솔에 DOM이라는 로그가 뜨는데

0

295

1

useEffect 두번 사용하는 것

0

931

1

작동은 잘되는데 오류가 뜹니다

0

446

1

react-router-dom 현재 최신버전

0

617

1

Test.js 소스코드 볼 수 있을까요?

0

495

2

닉네임 중복검사 시 404 에러

0

517

1

수정 버튼 눌렀을 때 이전 이미지 경로

0

442

1

이미지 수정이 안되고 이전 이미지 경로가 안떠요 ㅜㅜ

0

573

1

upload에서 제출 시 오류

0

628

2

여기 학습에 필요한 css 이거 어디에 있나요?

1

632

1