기본형태

6eead05b · Jiwon Yoon · 068cf072 · 6eead05b · 6eead05b · 6eead05b
Commit 6eead05b authored Dec 24, 2020 by Jiwon Yoon
--- a/client/.eslintcache
+++ b/client/.eslintcache
+[{"C:\\Users\\jiwon\\Desktop\\project\\2021winter\\shopping-mall\\client\\src\\App.js":"1","C:\\Users\\jiwon\\Desktop\\project\\2021winter\\shopping-mall\\client\\src\\index.js":"2"},{"size":686,"mtime":1608704732991,"results":"3","hashOfConfig":"4"},{"size":547,"mtime":1608704787952,"results":"5","hashOfConfig":"4"},{"filePath":"6","messages":"7","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"iak5h8",{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\jiwon\\Desktop\\project\\2021winter\\shopping-mall\\client\\src\\App.js",[],"C:\\Users\\jiwon\\Desktop\\project\\2021winter\\shopping-mall\\client\\src\\index.js",[]]
\ No newline at end of file
--- a/client/package-lock.json
+++ b/client/package-lock.json
--- a/client/package.json
+++ b/client/package.json
@@ -6,7 +6,11 @@
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
+    "bootstrap": "^4.5.3",
+    "jquery": "^3.5.1",
+    "popper.js": "^1.16.1",
    "react": "^17.0.1",
+    "react-bootstrap": "^1.4.0",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"

--- a/client/src/App.js
+++ b/client/src/App.js
 import logo from './logo.svg';
 import './App.css';
+import { Button } from 'react-bootstrap';

 function App() {
+  function funcs(){
+    alert("hi")
+  }
  return (
    <div className="App">
      <header className="App-header">
@@ -17,7 +21,11 @@ function App() {
        >
          Learn React
        </a>
+        <Button onClick={funcs}>이름</Button>
      </header>
+      <body>
+
+      </body>
    </div>
  );
 }

--- a/client/src/index.js
+++ b/client/src/index.js
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import 'bootstrap/dist/css/bootstrap.min.css';

 ReactDOM.render(
  <React.StrictMode>