리액트 파일 빌드 자동화와 화면 새로고침 관련한 질문
314
작성한 질문수 5
안녕하세요. 강의를 따라가다 궁금한 점이 생겨 질문을 올립니다.
강의 내용에 덧붙여서, 리액트 측에서 npm watch를 설치를하여, 코드를 고칠때마다 리액트 파일 빌드를 자동화하여 빌드된 파일을 노드가 sendFile하면, 화면 새로고침이 되도록 만들었는데, 프론트 코드를 고칠때마다 빌드되는것이 시간이 오래걸립니다. 빌드하고나서야 노드가 빌드된 파일을 렌더링하기때문에 혹시 매번 프론트코드를 고칠때마다 바로바로 화면에 적용되게끔 할 수 있는 방법이 있는지 질문드립니다.
답변 1
0
먼저.. npm-watch의 경우엔 코드를 감시하고 자동으로 스크립트를 실행시켜주는 기능이기에
질문자님께서 해주신 질문의 의도는
react project의 빌드과정에 소요되는 시간이 너무 기니 그것을 줄일 수 있는 방법인 것 같습니다.
제가 알고 있기로는 드라마틱하게 이것을 해결하는 방법은 따로 없는 것으로 알고 있고,
리액트 앱을 개발할 때 성능에 유의하여 개발하는 것 정도가 대안이 될 수 있을 것 같습니다.
아래 문서들을 살펴보시면 도움이 되실 것 같습니다!
Optimizing Performance - React
21 Performance Optimization Techniques for React Apps
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