[modern-react] 리액트 스터디 파일 추가

modern-react/my-styled/src/index.js

@@ -0,0 +1,51 @@
+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();