생활코딩 독학/WEB2 - JS React

React #1 실습환경 구축.

codingfeature 2023. 1. 10. 00:17

React는 사용자 정의 태그를 만들 수 있게 해준다.

클래스 또는 함수로 사용 가능.

 

React 홈페이지의 Create React App 사용.

Create React App (create-react-app.dev)

 

Create React App

Set up a modern web app by running one command.

create-react-app.dev

커맨드창에

npx create-react-app (프로젝트 디렉터리명)

입력해서 실행.

 

npx 명령어 실행 위해 node.js 설치 필요.

 

node.js 설치 후 visual studio code와 같은 에디터에서, 본인이 사용할 프로젝트 디렉터리를 연다.

vscode에서 새 터미널 열고

npx create-react-app .

입력

'.'은 현재 디렉터리를 의미.

 

npm start와 npm run build 자주 사용하게 될 것.

 

npm start

React 개발 환경 구축, 코딩할 수 있게 된다.