\n npx create-react-app my-dashboard\n cd my-dashboard\n npm start\n <\/pre>\n

2. \uae30\ubcf8 \ub300\uc2dc\ubcf4\ub4dc \ub808\uc774\uc544\uc6c3 \ub9cc\ub4e4\uae30<\/h3>\n

\n \ub300\uc2dc\ubcf4\ub4dc\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\uc774\ub4dc\ubc14, \ud5e4\ub354, \ucf58\ud150\uce20 \uc601\uc5ed \ub4f1\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4.
\n \uba3c\uc800 \uae30\ubcf8\uc801\uc778 \ub808\uc774\uc544\uc6c3\uc744 \uc815\uc758\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n

\n        \/\/ src\/App.js\n        import React from 'react';\n        import '.\/App.css';\n\n        function App() {\n            return (\n                \n                    \n                        \ub300\uc2dc\ubcf4\ub4dc<\/h1>\n                    <\/header>\n                    \n                        \n                            \n                                \ud648<\/li>\n                                
\ud1b5\uacc4<\/li>\n                                
\uc124\uc815<\/li>\n                            <\/ul>\n                        <\/nav>\n                        \n                            \ud658\uc601\ud569\ub2c8\ub2e4!<\/h2>\n                            \uc774\uacf3\uc5d0\uc11c \ub2e4\uc591\ud55c \ub370\uc774\ud130\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n                        <\/main>\n                    <\/div>\n                <\/div>\n            );\n        }\n\n        export default App;\n    <\/pre>\n
3. \uc0ac\uc6a9\uc790 \uc124\uc815 \uc800\uc7a5\ud558\uae30<\/h3>\n\n        \uc0ac\uc6a9\uc790 \uc124\uc815\uc744 \uc800\uc7a5\ud558\uae30 \uc704\ud574\uc11c\ub294 React\uc758 \uc0c1\ud0dc(state)\ub97c \uc0ac\uc6a9\ud558\uace0,
\n        \ub85c\uceec \uc2a4\ud1a0\ub9ac\uc9c0(localStorage)\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ub97c \uc601\uad6c\uc801\uc73c\ub85c \uc800\uc7a5\ud569\ub2c8\ub2e4.
\n        \uae30\ubcf8\uc801\uc778 \uc0ac\uc6a9\uc790 \uc124\uc815\uc73c\ub85c\ub294 \ub2e4\ud06c \ubaa8\ub4dc \ubc0f \uc5b8\uc5b4 \uc124\uc815\uc744 \uace0\ub824\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n    <\/p>\n
3.1 \uc0c1\ud0dc \uad00\ub9ac<\/h4>\n\n        \ub2e4\uc74c \uc608\uc2dc\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790 \ud14c\ub9c8\ub97c \uc800\uc7a5\ud558\ub294 \uac04\ub2e8\ud55c \uc124\uc815\uc744 \uad6c\ud604\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n    <\/p>\n
\n        \/\/ src\/App.js\n        import React, { useState, useEffect } from 'react';\n        import '.\/App.css';\n\n        function App() {\n            const [darkMode, setDarkMode] = useState(false);\n\n            useEffect(() => {\n                const savedMode = localStorage.getItem('darkMode');\n                if (savedMode) {\n                    setDarkMode(JSON.parse(savedMode));\n                }\n            }, []);\n\n            useEffect(() => {\n                localStorage.setItem('darkMode', darkMode);\n            }, [darkMode]);\n\n            const toggleDarkMode = () => {\n                setDarkMode((prevMode) => !prevMode);\n            };\n\n            return (\n                \n                    \n                        \ub300\uc2dc\ubcf4\ub4dc<\/h1>\n