Coding Feature.

React #1 실습환경 구축. 본문

생활코딩 독학/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 개발 환경 구축, 코딩할 수 있게 된다.

'생활코딩 독학 > WEB2 - JS React' 카테고리의 다른 글

React #6 state  (0) 2023.01.10
React #5 이벤트  (0) 2023.01.10
React #4 props  (0) 2023.01.10
React #3 사용자 정의 태그 만들기.  (0) 2023.01.10
React #2 Source 코드 수정, 배포  (0) 2023.01.10