강의

멘토링

커뮤니티

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

rlawnsgml1997님의 프로필 이미지
rlawnsgml1997

작성한 질문수

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

axios & cors

리액트 파일 빌드 자동화와 화면 새로고침 관련한 질문

작성

·

312

1

안녕하세요. 강의를 따라가다 궁금한 점이 생겨 질문을 올립니다.

강의 내용에 덧붙여서, 리액트 측에서 npm watch를 설치를하여, 코드를 고칠때마다 리액트 파일 빌드를 자동화하여 빌드된 파일을 노드가 sendFile하면, 화면 새로고침이 되도록 만들었는데, 프론트 코드를 고칠때마다  빌드되는것이 시간이 오래걸립니다. 빌드하고나서야 노드가 빌드된 파일을 렌더링하기때문에 혹시 매번 프론트코드를 고칠때마다 바로바로 화면에 적용되게끔 할 수 있는 방법이 있는지 질문드립니다.

답변 1

0

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

먼저.. npm-watch의 경우엔 코드를 감시하고 자동으로 스크립트를 실행시켜주는 기능이기에

질문자님께서 해주신 질문의 의도는

react project의 빌드과정에 소요되는 시간이 너무 기니 그것을 줄일 수 있는 방법인 것 같습니다.

제가 알고 있기로는 드라마틱하게 이것을 해결하는 방법은 따로 없는 것으로 알고 있고,

리액트 앱을 개발할 때 성능에 유의하여 개발하는 것 정도가 대안이 될 수 있을 것 같습니다.

아래 문서들을 살펴보시면 도움이 되실 것 같습니다!

Optimizing Performance - React

21 Performance Optimization Techniques for React Apps

rlawnsgml1997님의 프로필 이미지
rlawnsgml1997

작성한 질문수

질문하기