React 설치 및 Hello World 출력해보기

https://beta.reactjs.org/learn

React 설치

아래의 React 설치 명령어 터미널에 입력

npx create-react-app name

Hello World 출력해보기

1. 안 쓰는 파일 및 코드 삭제

1) src 폴더에서 App.js와 index.js를 제외한 파일을 삭제했다.
2) App.js 파일의 코드를 전부 삭제하고 공식문서에 있는 아래의 코드를 넣었다.

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />;
}

3) 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(<App />);

2. React 실행

아래의 실행 명령어 터미널에 입력

npm start