새로운 React-App을 만드는 방법은 무엇입니까?

2413 단어 tutorialreactnpmnode

콘텐츠


  • React-App이란 무엇입니까?
  • react-app이 작동하려면 무엇을 다운로드해야 합니까?
  • React-App을 실행하는 방법은 무엇입니까?

  • React-App이란 무엇입니까?



    React는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다.React는 컴포넌트 기반입니다. 하루 종일 코드를 작성해도 멈추지 않습니다. 편리하고 빠르며 대중적입니다. 이 라이브러리의 가장 큰 장점은 선언적 접근.반응에 대한 자세한 정보는 React's 공식 웹 사이트에서 찾을 수 있습니다.

    기계를 작동시키기 위해 무엇을 다운로드해야 합니까?



    노드 JS



    React를 작동하려면 Node JS라는 비동기 이벤트 기반 JavaScript가 필요합니다. Node JS는 프로그래밍 언어가 아니라 JavaScript용 오픈 소스 런타임 환경입니다. 자세한 내용은 Node.js 공식 웹 사이트를 방문하십시오. 다운로드도 가능합니다.

    npm



    npm은 세계 최대의 소프트웨어 라이브러리, 패키지 관리자 및 설치 프로그램입니다. npm이 없으면 가장 편리한 라이브러리이기도 합니다. DOM을 사용할 때 React가 정상적으로 작동하지 않습니다. 터미널에 npm을 설치합니다.


    터미널 열기(바로가기)

    Windows에서 -> Ctrl + Alt + W
    리눅스에서 -> Ctrl + Alt + T

    그런 다음 터미널에 이 코드를 작성하여 npm을 다운로드합니다.

    npm install -g npm
    


    실행 중인 코드로 npm을 설치했는지 확인하십시오.

    npm --version
    


    React-App 실행



    이 코드를 작성하여 새로운 React-App 생성

    npx create-react-app (write name of your project)
    


    예를 들어:

    npx create-react-app my-first-app
    


    그런 다음 다음과 같이 작성하십시오.

    cd my-first-app
    


    마지막으로 다음을 실행합니다.

    npm start
    

    다음과 같은 동적 반응 아이콘이 있는 첫 번째 반응 앱(localhost:3000)이 표시됩니다.




    건배!

    좋은 웹페이지 즐겨찾기