리액트 사용 시 필요한 기본 파일만 설치 가능한 custom template
npm package
$npx create-react-app file_name --template basic-react
my-app
┣ node_modules
┃ ┗ ...
┣ public
┃ ┗ index.html
┣ src
┃ ┣ App.js
┃ ┗ index.js
┣ README.md
┣ package-lock.json
┗ package.json
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>import React from "react";
// import ReactDOM from 'react-dom'; // 구버전
import { createRoot } from "react-dom/client";
import App from "./App";
const container = document.getElementById("root");
const root = createRoot(container);
root.render(<App />);function App() {
return (
<div>
hello world
</div>
);
}
export default App;npx create-react-app와 동일하게 사용 가능합니다.
사용가능한 스크립트 명령어는 다음과 같습니다.
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},각 기능에 대한 설명은 여기에서 확인할 수 있습니다.