일단 node.js를 설치하자
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
그담엔 visual studio code를 설치하자
Visual Studio Code - Code Editing. Redefined
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
무적권 최신 버전 다운로드 ㄱㄱ하고 설치!
그럼 일단 준비 완료
vscode 실행 후 폴더 열기 선택
원하는 위치에 폴더를 만들고 해당 폴더를 선택
상단 메뉴의 터미널 - 새터미널 선택 하여 아래에 터미널 창을 오픈
선택한 폴더 경로>npm install react-create-app터미널 창에 입력후 엔터
설치가 완료 되면
선택한 폴더 경로>npx create-react-app '사용할이름'
선택한 폴더에 사용할 이름의 폴더가 생성되며 기본 reactapp 파일이 생성됨
reactapp 파일 경로로 이동하여 실행
선택한 폴더 경로>cd 사용할이름
선택한 폴더 경로\사용할이름>npm start run
기본 설정된 웹브라우저가 실행되면서 화면이 정상적으로 나오면 성공
'공부 > 리액트' 카테고리의 다른 글
| react hook (0) | 2022.06.20 |
|---|---|
| react component (0) | 2022.06.20 |
| CORS (0) | 2022.06.16 |
| 공부 (1) | 2022.06.10 |