React.JS 애플리케이션을 만드는 방법

React.JS를 위한 로컬 개발 환경을 설정하고 싶으신가요? 그렇다면 이것은 당신을 위한 블로그입니다.

이 블로그는 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 파일을 편집하십시오.

블로그를 읽어주셔서 감사합니다.

그리고 기억하세요...

계속 코딩하세요 👨🏻‍💻

좋은 웹페이지 즐겨찾기