Create react app

Create react app 설치 및 세팅

1. node js 사용자 버전 설치
2. 윈도우키 + R 누르면 실행창 뜸
3. 열기 칸에 cmd 라고 입력하고 확인
4. 나오는 창에 node -v 입력해서 잘 설치됐는지 확인 후 영상대로 따라하기

설치 중 발생한 오류

You are running create-react-app 5.0.0, which is behind the latest release (5.0.1).

Create React App의 글로벌(전역) 설치를 더 이상 지원하지 않습니다.
다음 명령어를 입력하여 글로벌 설치를 제거하세요

• npm uninstall -g create-react-app
• yarn global remove create-react-app

해결법

글로벌(전역) 설치를 제거한 후 재설치한다.

npm uninstall -g create-react-app
npm i create-react-app
npx create-react-app my-app

순서대로 입력해준다.

my-app은 폴더이름이다 자유롭게 지어주자

---

설치 후 터미널에서 cd 명령어로 해당 폴더경로를 입력해준 뒤 npm start를 하면 초기세팅완료

src에서 app.js와 index.js를 제외한 나머지 파일을 삭제

index.js의 코드는
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

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

다음만 남기고

app.js의 코드는
function App() {
  return (
    <div>
      <h1>Welcome back!</h1>
    </div>
  );
}

export default App;

이렇게만 남긴다 .

---

이로써 우리는 깔끔한 react-create-app의 설치판을 세팅했다.