- Node.js 설치된 상태에서 진행(없는 사람들은 설치하고 시작)
# 리액트 앱 생성
npx create-react-app {프로젝트 명}
#실행
- 생성한 프로젝트 폴더로 이동 후 명령어 실행
cd chalkak #생성한 프로젝트 폴더로 이동
npm start
# 필요없는 파일 제거
# 파일 내용도 필요없는거 수정
- index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
- App.js
function App() {
return (
<>
</>
);
}
export default App;
'Framework > React' 카테고리의 다른 글
[React] React생성부터 Node.js 연동까지 - 5) DB 연동 (0) | 2024.03.30 |
---|---|
[React] React생성부터 Node.js 연동까지 - 4) Node.js 연동 (0) | 2024.03.30 |
[React] React생성부터 Node.js 연동까지 - 3) Router 설정 (0) | 2024.03.30 |
[React] React생성부터 Node.js 연동까지 - 2) 프로젝트 Import 경로 설정 (0) | 2024.03.30 |
[React] - Vite 시작하기 (0) | 2023.12.03 |