import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// 리액트 앱 성능 측정 용도 파일
//import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
// 리액트 앱 내부의 잠재적인 문제를 검사하는 도구
//<React.StrictMode>
<App />
//</React.StrictMode>
);
<aside> 💡 재 사용이 가능한 각각의 독립된 모듈(module)을 뜻한다.
</aside>
함수 선언식
function Header() {
return (
<header>
<h1>header</h1>
</header>
);
}
화살표 함수
const Header = () => {
return (
<header>
<h1>header</h1>
</header>
);
};
<aside> 💡 JavaScript + HTML 태그를 섞어 사용하는 문법 (자바스크립트 XML)
</aside>