React 앱 만들기, Ubuntu 20.04에서 React를 사용하여 첫 번째 애플리케이션 만들기

다음 기사에서 우리는 Create React App을 사용하여 Ubuntu 20.04에서 ReactJS로 첫 번째 애플리케이션을 만드는 방법. ReactJS는 Facebook 및 개발자 커뮤니티에서 유지 관리하는 사용자 인터페이스를 만드는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. ReactJS는 웹 애플리케이션 또는 모바일 애플리케이션 개발에 사용할 수 있습니다.

React에서 ReactJS라고도 함, 데이터는 DOM에서 처리됩니다.. React 애플리케이션을 실행하려면 라우팅 및 상태 관리를위한 추가 라이브러리가 필요합니다. 이러한 라이브러리의 몇 가지 예는 다음과 같습니다. 돌아 오는 y 반응 라우터.

Ubuntu 20.04에 React 설치

시스템에 React를 설치하려면 먼저 npm이 무엇인지 알아야하고 왜 필요한지 이해해야합니다. Npm은 Node Package Manager를 나타냅니다., 그리고 세계에서 가장 큰 오픈 소스 소프트웨어 레지스트리입니다. 800.000 개 이상의 코드 패키지를 포함합니다. Npm은 무료로 사용할 수 있으며 모든 공개 소프트웨어는 등록이나 로그인없이 다운로드하여 사용할 수 있습니다.

Npm은 자바 스크립트 애플리케이션을위한 종속성 관리 도구입니다., 모든 라이브러리 및 기타 도구를 설치하여 JS 애플리케이션 개발을 지원합니다.

npm 설치

에 npm을 포함하는 nodejs 설치, 터미널 (Ctrl + Alt + T)을 열고 다음 명령을 실행하기 만하면됩니다.

sudo apt install nodejs

npm 설치를 마치면 버전과 노드의 버전을 확인하십시오.. 다음 명령으로이를 수행 할 수 있습니다.

npm -v

업데이트가 자주 수행되므로 설치되는 npm의 버전은 설치 날짜에 따라 다릅니다. 5보다 높은 버전이 설치되어 있는지 확인해야합니다..

에 설치된 노드 버전 확인, 사용할 명령은 다음과 같습니다.

node -v

시스템에 최신 버전의 npm이 설치되어 있지 않은 경우 Node Package Manager (npm)를 최신 버전으로 업데이트 할 수 있습니다. 터미널에서이 명령 실행 :

sudo npm install -g npm@latest

create-react-app 설치

생산적인 React 환경을 설치하려면 babel, webpack 등과 같은 도구를 구성해야합니다. 이는 React 세계에서 초보자를 위해 구성하기 복잡합니다. 그러나 구성에 도움이 될 몇 가지 도구를 찾을 수 있습니다. 그중에서 우리는 사용 및 구성이 가장 쉬운 도구 인 create-react-app.

Create React App은 React를 배우기에 편한 환경입니다., 그리고 React를 사용하여 새로운 단일 페이지 앱 빌드를 시작하는 가장 좋은 방법입니다.

React App 만들기 개발 환경 구성 최신 Javascript 기능을 사용하여 좋은 개발 경험을 제공하고 프로덕션을 위해 애플리케이션을 최적화 할 수 있습니다. 웹 사이트에 표시된대로 컴퓨터에 Node> = 8.10 및 npm> = 5.6이 설치되어 있어야합니다.

우리는 할 수 있습니다 npm을 사용하여 create-react-app 설치. 이렇게하려면 터미널 (Ctrl + Alt + T)에서 다음 설치 명령 만 실행하면됩니다.