Merge pull request #7 from CHZZK-Study/dev

eslint 설정 변경

.eslintrc.cjs

@@ -21,6 +21,7 @@ module.exports = {
       'warn',
       { allowConstantExport: true },
     ],
+    "react/react-in-jsx-scope": "off"
   },
   parserOptions: {
     tsconfigRootDir: './',

src/main.tsx

@@ -1,5 +1,4 @@
 import './index.css';
-
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';

src/ui/Header.tsx

@@ -0,0 +1,5 @@
+function Header({ pageName }: { pageName: string }) {
+  return <div>{pageName}</div>;
+}
+
+export default Header;

src/ui/Layout.tsx

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+function Layout({
+  header,
+  children,
+  footer,
+}: {
+  header: ReactNode;
+  children: ReactNode;
+  footer: ReactNode;
+}) {
+  return (
+    <div className="max-w-[600px] min-w-[375px] h-[100vh]">
+      <header>{header}</header>
+      <main>{children}</main>
+      <footer>{footer}</footer>
+    </div>
+  );
+}
+
+export default Layout;