React 가이드

노드 및 NPM 버전 정보 보기

node -v

npm -v

 

React 프로젝트 생성

npm init react-app <폴더 이름>

npm init react-app .

 

개발모드 실행

npm run start

 

개발모드 종료

Ctrl + C

 

리액트 개발자 도구(크롬 확장 프로그램)

구글에서 "react developer tools" 검색

설치

 

 2022년 3월 8일 이후 리액트 18 버전에서 index.js 파일을 보시면 ReactDOM.render 가 아니라  ReactDOM.createRoot라는 함수를 사용하는 코드가 만들어진다.

 

옛날 코드를 그대로 쓰게 되면 아래와 같은 경고 메시지가 개발자 도구 콘솔창에 나올 수 있습니다.

 

import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<h1>Hi! AboutW3</h1>);

 

 

기본 파일

index.html

index.js