(node 14.17.0으로 설치 진행하였습니다)
1. node 및 vscode 설치
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
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
2. web app을 생성할 폴더를 vscode로 오픈한다.
3. terminal을 열어 react 프로젝트를 생성한다.
npx create-react-app 프로젝트명
4. 하위에 생성된 프로젝트를 확인하고, 해당 프로젝트 폴더로 vscode를 다시 오픈한다.
+ react에서는 src/App.js가 index.html이라고 볼 수 있다.
6. live server를 실행시킨다.
npm start7. 끝!
'react - 정리중 > basic' 카테고리의 다른 글
| Component 2, 파일 분리 (모듈화) (0) | 2021.10.29 |
|---|---|
| Component 1, function 컴포넌트() (0) | 2021.10.29 |
| state를 이용한 데이터 바인딩 (0) | 2021.10.29 |
| JSX로 html 작성하기 (0) | 2021.10.29 |
| App.js가 메인 페이지 (0) | 2021.10.29 |
댓글