React 세팅

[react projcect setting]

• npx create-react-app <project name> --template=<언어명:javascript, typescript...>

 

[폴더 및 파일 정리]

아래 파일만 남기고 지우기 -> 안에 import되어 있는 내용들 지우기

• App.tsx: return에 (<div> hello world </div>) 이거 작성해 주기. 안하면 오류남

import React from 'react';

function App() {
  return (
    <div>alsi</div>
  )
}

export default App;

 

• index.tsx

import React from 'react';
import ReactDOM from 'react-dom/client';

import App from './App';


const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

 

• react-app-env.d.ts: 변경사항없음