react 설치 및 개발환경 설정

(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 start

7. 끝!

저작자표시 비영리 동일조건

'React (old ver) > 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