React) [npm start] vs [serve -s build] 무슨 차이일까요...?

Question

안녕하세요,npm start serve -s build두가지의 차이가 궁금해서 질문드립니다.우선 전자의 경우는 개발소스가 수정될 경우 실시간으로 반영되며,nodejs 서버 위에서 지속적으로 돌아가는(?) 상태여야 합니다.그럼 후자는요?빌드를 하고나면 img등의 리소스가 내부 리소스이고,별도로 ajax로 외부 데이터를 받아오는 동작이 없다면nodejs랑은 완전 별개의 산출물이 됩니다.인터넷 브라우저에 자바스크립트 엔진이 있으니깐요.내가 만든 서버에서 nodejs가 돌든 말든, api서버가 돌든말든build된 산출물 파일만 가지고 있으면, 크롬같은 브라우저만 있으면 뭐든 다 할 수 있습니다.생각해보니 전자의 경우에도 (npm start)브라우저로 미리보면서, 결국 자바스크립트를 돌려주는건 브라우저 내장 엔진일텐데 nodejs환경은 왜 필요한거지...? 라는 생각이 들었습니다.왜 그 react 프로젝트 돌려주는 서버에는 nodejs를 설치 하잖아요.node package manager 외에는 nodejs의 쓰임을 전혀 알 수가 없더군요.npm 명령어를 내리니깐요.그래서 이어진 의문이 npm start는 무슨 역할을 하는가? 인데,&#34;start&#34;: &#34;react-scripts start&#34;가 제 관심사로 보이더군요.결국 둘의 차이는'nodejs 위에서 돌아가면서 소스가 실시간으로 수정된다'vs'minify된 소스, 그리고 자바스크립트 돌릴 수 있는 브라우저만 있으면 바로 프로젝트 확인 가능'두 가지로 보여집니다.이 인식이 맞을까요?

RWB · Answer

npm start는 nodejs 서버를 구동하여 실시간으로 코드 변화를 감지하고 이를 렌더링해줍니다.serve는 Nginx같은 정적 파일을 라우팅해주는 nodejs 기반의 웹서버입니다.CRA의 결과물은 CSR로 출력되기 때문에, 빌드 결과물을 확인하기 위해선 위와 같은 웹서버를 통해 확인해야합니다.

React) [npm start] vs [serve -s build] 무슨 차이일까요...?

1개의 답변

#npm 목록