52 lines
1016 B
JavaScript
52 lines
1016 B
JavaScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import './index.css';
|
|
import App from './App';
|
|
import reportWebVitals from './reportWebVitals';
|
|
|
|
import StyledBasic from './StyledBasic';
|
|
import StyledCss from './StyledCss';
|
|
import StyledDynamic from './StyledDynamic';
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
// root.render(
|
|
// <React.StrictMode>
|
|
// <App />
|
|
// </React.StrictMode>
|
|
// );
|
|
|
|
|
|
|
|
// Code 5-2-5
|
|
root.render(
|
|
<>
|
|
<h3>Styled JSX의 기본</h3>
|
|
<StyledBasic />
|
|
</>
|
|
);
|
|
|
|
|
|
|
|
// Code 5-2-8
|
|
// root.render(
|
|
// <>
|
|
// <h3>Styled JSX의 외부화</h3>
|
|
// <StyledCss />
|
|
// </>
|
|
// );
|
|
|
|
|
|
|
|
// Code 5-2-12
|
|
// root.render(
|
|
// <StyledDynamic theme={{
|
|
// radius: true,
|
|
// color: 'royalblue'
|
|
// }} />
|
|
// );
|
|
|
|
// If you want to start measuring performance in your app, pass a function
|
|
// to log results (for example: reportWebVitals(console.log))
|
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
|
reportWebVitals();
|