반응에는 노드가 필요합니까?

react는 node.js와 node.js가 밀접하게 관련되어 있지 않기 때문에 노드에 의존하지도 않고 필요하지도 않습니다. 하지만 우리는 일반적으로 프로젝트 구조를 구축하기 위해 React에서 제공하는 스캐폴딩을 사용하며 이를 위해서는 노드를 사용해야 합니다.

이 기사의 운영 환경: windows7 시스템, React17.0.1 버전, DELL G3 컴퓨터.

React를 배우려면 Node가 필요한가요?

React를 배우기 위해 Node를 설치할 필요는 없습니다. React.js를 완전히 독립적으로 배울 수 있습니다.

하지만 우리는 일반적으로 프로젝트 구조를 구축하기 위해 React에서 제공하는 스캐폴딩을 사용하는데, 이를 위해서는 노드를 사용해야 합니다. 하지만 node.js는 npm 설치 패키지만 알면 됩니다.

1. 일반 도구 소개

1. nodejs:

Node.js는 Chrome의 V8 JavaScript 엔진을 기반으로 구축된 JavaScript 런타임입니다.

어떻게 이해할까요? 우선 node.js는 JavaScript 실행 환경입니다. 일반적으로 우리가 알고 있는 JavaScript는 브라우저에서 실행됩니다. 그러면 왜 Chrome의 V8 JavaScript 엔진을 기반으로 하는지 이해할 수 있습니다. nodejs를 사용하면 JavaScript 공용 구성 요소를 추상화하고 이를 nodejs에 별도로 배포하여 공용 서비스를 제공할 수 있습니다. 이제 프런트엔드 가능성이 더욱 다양해졌습니다.

2.npm: (노드 패키지 관리자)

노드 패키지 관리자, 주로 노드 패키지 설치, 제거, 업데이트, 보기, 검색 및 게시를 관리합니다. 지루한 패키지 관리 작업(버전, 종속성)에서 개발자를 해방하세요. Nodejs에는 npm이 통합되어 있으므로 nodejs 설치 시 npm도 함께 설치됩니다.

3. nvm: 노드 버전 관리자

이를 사용하여 머신에 여러 노드 버전을 쉽게 설치하고 유지 관리할 수 있습니다. 그렇다면 왜 여러 버전이 필요한가요? 예를 들어, 두 개의 프로젝트를 동시에 작업 중이고 서로 다른 프로젝트에서 사용되는 노드 버전이 다르거나 일부 실험을 수행하기 위해 최신 버전을 사용할 수 있습니다. 이 경우 NVM 없이 여러 버전의 노드를 설치하고 유지하는 것은 번거로울 수 있습니다. 이것이 nvm의 값입니다.

4. webpack: webpack은 모듈 번들러입니다(webpack은 모듈 번들러입니다).

현재 프로젝트의 구조를 분석하여, 프로젝트에서 사용하는 브라우저가 이해할 수 없는 것(SCSS, jade, Typescript 등)을 적절한 방식으로 패키징하고, 이를 브라우저가 이해할 수 있는 CSS, js로 번역하는 것입니다. . 웹팩에서는 모든 것이 모듈입니다(이미지와 CSS도 마찬가지).

참고: React를 배울 때 nodejs를 설치해야 합니다. 주된 이유는 React가 nodejs에 의존하는 것이 아니라 webpack이 nodejs에 의존하기 때문입니다.

관련 추천: "react 비디오 튜토리얼"

위 내용은 반응에는 노드가 필요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!