React.JS 애플리케이션을 만드는 방법
3357 단어 reactjavascriptcreatereactapp
이 블로그는 MAC 및 WINDOWS 사용자를 위한 것입니다.
단계는 다음과 같습니다.

1. Node.JS가 최신인지 확인
먼저 터미널을 열고 node --version
를 입력합니다.

Node.JS와 일치하는지 확인합니다website.

2. 비주얼 스튜디오 코드 설치
이 자습서에서는 React 애플리케이션을 개발하기가 훨씬 쉽기 때문에 Visual Studio Code를 다운로드할 것입니다. 다른 텍스트 편집기를 사용하려면 자유롭게 사용하십시오.
Visual Studio Code's 웹 사이트로 이동하여 사용하는 운영 체제를 선택하십시오.

그런 다음 ZIP 파일이 다운로드될 때까지 잠시 기다립니다.
ZIP 파일 다운로드가 완료되면 파일을 두 번 클릭합니다.
이렇게 하는 데 몇 초가 걸립니다.
그런 다음 VSCode를 애플리케이션 폴더로 드래그합니다.
3. create-react-app 사용하기
터미널을 열고 다음을 입력합니다.
$ npx create-react-app my-app
이 작업은 몇 분 정도 걸리므로 차나 커피를 드세요 :)

성공하면 다음과 같은 이미지가 표시됩니다. 그렇지 않은 경우 이 블로그 게시물에 댓글을 달아주세요.

그런 다음 cd
다음을 사용하여 디렉토리로 이동합니다.
$ cd my-app
이제 다음을 사용하여 VSCode에서 엽니다.
$ code .
다음과 같아야 합니다.

그런 다음 명령을 사용하십시오.
$ npm start
다음과 같은 결과를 얻어야 합니다.

마지막으로 브라우저에서 열기localhost:3000
를 누르면 다음과 같이 열립니다.

페이지에서 알 수 있듯이 자신의 반응 코드를 작성하려면 src/App.js
파일을 편집하십시오.
블로그를 읽어주셔서 감사합니다.
그리고 기억하세요...
계속 코딩하세요 👨🏻💻
Reference
이 문제에 관하여(React.JS 애플리케이션을 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/therickedge/how-to-create-a-react-js-application-2h8k
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
먼저 터미널을 열고
node --version
를 입력합니다.
Node.JS와 일치하는지 확인합니다website.

2. 비주얼 스튜디오 코드 설치
이 자습서에서는 React 애플리케이션을 개발하기가 훨씬 쉽기 때문에 Visual Studio Code를 다운로드할 것입니다. 다른 텍스트 편집기를 사용하려면 자유롭게 사용하십시오.
Visual Studio Code's 웹 사이트로 이동하여 사용하는 운영 체제를 선택하십시오.

그런 다음 ZIP 파일이 다운로드될 때까지 잠시 기다립니다.
ZIP 파일 다운로드가 완료되면 파일을 두 번 클릭합니다.
이렇게 하는 데 몇 초가 걸립니다.
그런 다음 VSCode를 애플리케이션 폴더로 드래그합니다.
3. create-react-app 사용하기
터미널을 열고 다음을 입력합니다.
$ npx create-react-app my-app
이 작업은 몇 분 정도 걸리므로 차나 커피를 드세요 :)

성공하면 다음과 같은 이미지가 표시됩니다. 그렇지 않은 경우 이 블로그 게시물에 댓글을 달아주세요.

그런 다음 cd
다음을 사용하여 디렉토리로 이동합니다.
$ cd my-app
이제 다음을 사용하여 VSCode에서 엽니다.
$ code .
다음과 같아야 합니다.

그런 다음 명령을 사용하십시오.
$ npm start
다음과 같은 결과를 얻어야 합니다.

마지막으로 브라우저에서 열기localhost:3000
를 누르면 다음과 같이 열립니다.

페이지에서 알 수 있듯이 자신의 반응 코드를 작성하려면 src/App.js
파일을 편집하십시오.
블로그를 읽어주셔서 감사합니다.
그리고 기억하세요...
계속 코딩하세요 👨🏻💻
Reference
이 문제에 관하여(React.JS 애플리케이션을 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/therickedge/how-to-create-a-react-js-application-2h8k
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
터미널을 열고 다음을 입력합니다.
$ npx create-react-app my-app
이 작업은 몇 분 정도 걸리므로 차나 커피를 드세요 :)

성공하면 다음과 같은 이미지가 표시됩니다. 그렇지 않은 경우 이 블로그 게시물에 댓글을 달아주세요.

그런 다음
cd
다음을 사용하여 디렉토리로 이동합니다.$ cd my-app
이제 다음을 사용하여 VSCode에서 엽니다.
$ code .
다음과 같아야 합니다.

그런 다음 명령을 사용하십시오.
$ npm start
다음과 같은 결과를 얻어야 합니다.

마지막으로 브라우저에서 열기
localhost:3000
를 누르면 다음과 같이 열립니다.
페이지에서 알 수 있듯이 자신의 반응 코드를 작성하려면
src/App.js
파일을 편집하십시오.블로그를 읽어주셔서 감사합니다.
그리고 기억하세요...
계속 코딩하세요 👨🏻💻
Reference
이 문제에 관하여(React.JS 애플리케이션을 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/therickedge/how-to-create-a-react-js-application-2h8k
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(React.JS 애플리케이션을 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/therickedge/how-to-create-a-react-js-application-2h8k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)