React.JS 처음 시작하기

1)아래 사이트로 가서 Node를 다운 받는다.
https://nodejs.org/ko/download/

2) npx create-react-app 파일명 (무조건 소문자)

종료는 ctrl + c

이렇게 진행할 경우

이런 Warning이 뜹니다
그러니 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>
);

아래 링크 참조
https://stackoverflow.com/questions/71668256/deprecation-notice-reactdom-render-is-no-longer-supported-in-react-18

추가 2022.04.03
근데 위에 코드 처럼 진행을 하니
react-router-dom 5.2.0 버전에서 Link tag가 안먹음.
다시 원래 코드로 진행하니 잘되네요

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom';
import Routes from './routes';
import './index.css';

ReactDOM.render(
  <React.StrictMode>
     <BrowserRouter>
      <Routes />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

좋은 웹페이지 즐겨찾기