리액트 - 프로젝트 시작하기

리액트-시작하기

리액트 - 시작하기

 

이전에 강의 보면서 대충 적어놓긴 했는데 진짜 대충만 했나보다;

다시 새로운 실습 프로젝트하려는데 어려워서 다시 정리해본다.

 

폴더를 만들고 vs code에서 열어준 뒤 터미널에 아래와 같이 입력한다. 

npm init react-app .

폴더 이름에는 (아마도) 공백이나 대문자가 들어가지 않아야 한다. 

 

자동으로 쭉 생성되는 파일들을 정리해준다.

index.html도 꼭 필요한 정보만 남기고 지워준다. 

 

npx create-react-app .

가 권장되는 방법이라고 한다. 

 

 

 

//index.js

import ReactDOM from 'react-dom/client';
import App from './components/App';


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />
);

App 경로를 올바르게 수정한다