111

9cb9b17a · ERHANG WEI · 9cb9b17a · 9cb9b17a · 9cb9b17a · 9cb9b17a
Commit 9cb9b17a authored 11 months ago by ERHANG WEI
--- a/.babelrc
+++ b/.babelrc
+{
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
+    ]
+}
\ No newline at end of file
--- a/.gitignore
+++ b/.gitignore
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+package-lock.json
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
--- a/README.md
+++ b/README.md
+
+# React PetShop - React.js로 만드는 애완용품 샵
+
+- BootStrap 3을 사용합니다.
+- [Vue.js in Action 의 프로젝트] (http://github.com/gilbutITbook/007024) 를 React.js로 변경한 코드입니다.
--- a/package.json
+++ b/package.json
+{
+  "name": "react-boilerplate",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.23.0"
+  },
+  "scripts": {
+    "start": "webpack-dev-server --open --mode development --port 3000",
+    "build": "webpack --mode production"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.3.1",
+    "@babel/preset-react": "^7.0.0",
+    "babel-loader": "^8.0.5",
+    "css-loader": "^6.7.3",
+    "file-loader": "^6.2.0",
+    "style-loader": "^3.3.2",
+    "webpack": "^5.77.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.13.1"
+  }
+}
--- a/public/app.bundle.js
+++ b/public/app.bundle.js
--- a/public/app.bundle.js.LICENSE.txt
+++ b/public/app.bundle.js.LICENSE.txt
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.6.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.11.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.11.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
+header h1 {
+    padding: 10px 20px;
+}
+
+body {
+    max-width: 970px;
+}
+.cart {
+    padding: 20px 50px;
+}
+.boxes {
+    margin-top: 20px;
+}
+
+.verify {
+    margin-top: 20px;
+}
+
+.submit {
+    margin-top: 20px;
+    float: right;
+}
+
+.pagecheckout {
+    padding: 20px 50px;
+}
+.description {
+    font-size: 150%;
+    margin-top: 50px;
+}
--- a/public/assets/images/Mindy_Mouse_cat_toy.jpg
+++ b/public/assets/images/Mindy_Mouse_cat_toy.jpg
--- a/public/assets/images/cat-house.jpg
+++ b/public/assets/images/cat-house.jpg
--- a/public/assets/images/cat-litter.jpg
+++ b/public/assets/images/cat-litter.jpg
--- a/public/assets/images/laser-pointer.jpg
+++ b/public/assets/images/laser-pointer.jpg
--- a/public/assets/images/product-fullsize.png
+++ b/public/assets/images/product-fullsize.png
--- a/public/assets/images/steve_jobs.jpg
+++ b/public/assets/images/steve_jobs.jpg
--- a/public/assets/images/yarn.jpg
+++ b/public/assets/images/yarn.jpg
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
+    crossorigin="anonymous" >
+    <title>React PetShop</title>
+</head>
+<body>
+    <div id="root"></div>
+    <script src="./app.bundle.js"></script>
+</body>
+</html>
--- a/public/products.json
+++ b/public/products.json
+{
+  "products":[
+    {
+      "id": 1001,
+      "title": "고양이 사료, 25파운드",
+      "description": "당신의 고양이를 위한 <em>거부할 수 없는</em>, 유기농 25파운드 사료입니다.",
+      "price": 2000,
+      "image": "assets/images/product-fullsize.png",
+      "availableInventory": 10,
+      "rating": 1
+    },
+    {
+      "id": 1002,
+      "title": "실뭉치",
+      "description": "실뭉치로 당신의 고양이에게 <strong>오랜</strong> 놀이 시간을 주세요!",
+      "price": 299,
+      "image": "assets/images/yarn.jpg",
+      "availableInventory": 7,
+      "rating": 1
+    },
+    {
+      "id": 1003,
+      "title": "고양이 화장실",
+      "description": "당신의 고양이를 위한 최고급 화장실입니다.",
+      "price": 1100,
+      "image": "assets/images/cat-litter.jpg",
+      "availableInventory": 99,
+      "rating": 4
+    },
+    {
+      "id": 1004,
+      "title": "고양이 집",
+      "description": "고양이가 놀 수 있는 장소!",
+      "price": 799,
+      "image": "assets/images/cat-house.jpg",
+      "availableInventory": 11,
+      "rating": 5
+    },
+    {
+      "id": 1005,
+      "title": "레이저 포인터",
+      "description": "이 <em>놀라운</em> 상품으로 고양이와 놀아주세요.",
+      "price": 4999,
+      "image": "assets/images/laser-pointer.jpg",
+      "availableInventory": 25,
+      "rating": 1
+    }
+  ]
+}
--- a/server/app.js
+++ b/server/app.js
+
+let data = {
+  "products":[
+    {
+      "id": 1001,
+      "title": "고양이 사료, 25파운드",
+      "description": "당신의 고양이를 위한 <em>거부할 수 없는</em>, 유기농 25파운드 사료입니다.",
+      "price": 2000,
+      "image": "assets/images/product-fullsize.png",
+      "availableInventory": 10,
+      "rating": 1
+    },
+    {
+      "id": 1002,
+      "title": "실뭉치",
+      "description": "실뭉치로 당신의 고양이에게 <strong>오랜</strong> 놀이 시간을 주세요!",
+      "price": 299,
+      "image": "assets/images/yarn.jpg",
+      "availableInventory": 7,
+      "rating": 1
+    },
+    {
+      "id": 1003,
+      "title": "고양이 화장실",
+      "description": "당신의 고양이를 위한 최고급 화장실입니다.",
+      "price": 1100,
+      "image": "assets/images/cat-litter.jpg",
+      "availableInventory": 99,
+      "rating": 4
+    },
+    {
+      "id": 1004,
+      "title": "고양이 집",
+      "description": "고양이가 놀 수 있는 장소!",
+      "price": 799,
+      "image": "assets/images/cat-house.jpg",
+      "availableInventory": 11,
+      "rating": 5
+    },
+    {
+      "id": 1005,
+      "title": "레이저 포인터",
+      "description": "이 <em>놀라운</em> 상품으로 고양이와 놀아주세요.",
+      "price": 4999,
+      "image": "assets/images/laser-pointer.jpg",
+      "availableInventory": 25,
+      "rating": 1
+    }
+  ]
+};
+
+const express = require('express');
+const logger = require('morgan');
+
+var app = express();
+const port = 3000;
+
+app.use(express.json());
+app.use(express.urlencoded({'extended' : true}));
+app.use(logger('dev'));
+app.use(express.static('public'));   // html, image 등 정적파일 제공 폴더 지정
+
+
+app.get('/', (req, res) => {
+res.sendFile('index.html')
+})
+
+app.get('/product', (req, res) => {
+res.send(data);
+})
+
+app.post('/product', (req, res) => {
+console.log(`The product ${req.body.id} has been added.`);
+console.log(req.body);
+res.status(200).send('');
+})
+
+app.put('/product/:id', (req, res) => {
+console.log(`The product ${req.params.id} has been updated.`);
+console.log(req.body);
+res.status(200).send('');
+})
+
+app.delete('/product/:id', (req, res) => {
+console.log(`The product ${req.params.id} has been deleted.`);
+res.status(200).send('');
+});
+
+app.post('/login', (req, res) => {
+console.log(`${req.body.id} logged in.`);
+res.status(200).send({id : 'req.body.id', name: 'steve jobs', picture : './assests/images/steve_jobs.jpg'});
+})
+
+
+app.put('/logout/:id', (req, res) => {
+console.log(`${req.params.id} logged out.`);
+res.status(200).send('');
+})
+
+app.listen(port, () => {
+console.log(`Example app listening at http://localhost:${port}`)  
+})
+
--- a/server/node_modules/.bin/mime
+++ b/server/node_modules/.bin/mime
+../mime/cli.js
\ No newline at end of file
--- a/server/node_modules/.package-lock.json
+++ b/server/node_modules/.package-lock.json
--- a/server/node_modules/accepts/HISTORY.md
+++ b/server/node_modules/accepts/HISTORY.md
+1.3.8 / 2022-02-02
+==================
+
+  * deps: mime-types@~2.1.34
+    - deps: mime-db@~1.51.0
+  * deps: negotiator@0.6.3
+
+1.3.7 / 2019-04-29
+==================
+
+  * deps: negotiator@0.6.2
+    - Fix sorting charset, encoding, and language with extra parameters
+
+1.3.6 / 2019-04-28
+==================
+
+  * deps: mime-types@~2.1.24
+    - deps: mime-db@~1.40.0
+
+1.3.5 / 2018-02-28
+==================
+
+  * deps: mime-types@~2.1.18
+    - deps: mime-db@~1.33.0
+
+1.3.4 / 2017-08-22
+==================
+
+  * deps: mime-types@~2.1.16
+    - deps: mime-db@~1.29.0
+
+1.3.3 / 2016-05-02
+==================
+
+  * deps: mime-types@~2.1.11
+    - deps: mime-db@~1.23.0
+  * deps: negotiator@0.6.1
+    - perf: improve `Accept` parsing speed
+    - perf: improve `Accept-Charset` parsing speed
+    - perf: improve `Accept-Encoding` parsing speed
+    - perf: improve `Accept-Language` parsing speed
+
+1.3.2 / 2016-03-08
+==================
+
+  * deps: mime-types@~2.1.10
+    - Fix extension of `application/dash+xml`
+    - Update primary extension for `audio/mp4`
+    - deps: mime-db@~1.22.0
+
+1.3.1 / 2016-01-19
+==================
+
+  * deps: mime-types@~2.1.9
+    - deps: mime-db@~1.21.0
+
+1.3.0 / 2015-09-29
+==================
+
+  * deps: mime-types@~2.1.7
+    - deps: mime-db@~1.19.0
+  * deps: negotiator@0.6.0
+    - Fix including type extensions in parameters in `Accept` parsing
+    - Fix parsing `Accept` parameters with quoted equals
+    - Fix parsing `Accept` parameters with quoted semicolons
+    - Lazy-load modules from main entry point
+    - perf: delay type concatenation until needed
+    - perf: enable strict mode
+    - perf: hoist regular expressions
+    - perf: remove closures getting spec properties
+    - perf: remove a closure from media type parsing
+    - perf: remove property delete from media type parsing
+
+1.2.13 / 2015-09-06
+===================
+
+  * deps: mime-types@~2.1.6
+    - deps: mime-db@~1.18.0
+
+1.2.12 / 2015-07-30
+===================
+
+  * deps: mime-types@~2.1.4
+    - deps: mime-db@~1.16.0
+
+1.2.11 / 2015-07-16
+===================
+
+  * deps: mime-types@~2.1.3
+    - deps: mime-db@~1.15.0
+
+1.2.10 / 2015-07-01
+===================
+
+  * deps: mime-types@~2.1.2
+    - deps: mime-db@~1.14.0
+
+1.2.9 / 2015-06-08
+==================
+
+  * deps: mime-types@~2.1.1
+    - perf: fix deopt during mapping
+
+1.2.8 / 2015-06-07
+==================
+
+  * deps: mime-types@~2.1.0
+    - deps: mime-db@~1.13.0
+  * perf: avoid argument reassignment & argument slice
+  * perf: avoid negotiator recursive construction
+  * perf: enable strict mode
+  * perf: remove unnecessary bitwise operator
+
+1.2.7 / 2015-05-10
+==================
+
+  * deps: negotiator@0.5.3
+    - Fix media type parameter matching to be case-insensitive
+
+1.2.6 / 2015-05-07
+==================
+
+  * deps: mime-types@~2.0.11
+    - deps: mime-db@~1.9.1
+  * deps: negotiator@0.5.2
+    - Fix comparing media types with quoted values
+    - Fix splitting media types with quoted commas
+
+1.2.5 / 2015-03-13
+==================
+
+  * deps: mime-types@~2.0.10
+    - deps: mime-db@~1.8.0
+
+1.2.4 / 2015-02-14
+==================
+
+  * Support Node.js 0.6
+  * deps: mime-types@~2.0.9
+    - deps: mime-db@~1.7.0
+  * deps: negotiator@0.5.1
+    - Fix preference sorting to be stable for long acceptable lists
+
+1.2.3 / 2015-01-31
+==================
+
+  * deps: mime-types@~2.0.8
+    - deps: mime-db@~1.6.0
+
+1.2.2 / 2014-12-30
+==================
+
+  * deps: mime-types@~2.0.7
+    - deps: mime-db@~1.5.0
+
+1.2.1 / 2014-12-30
+==================
+
+  * deps: mime-types@~2.0.5
+    - deps: mime-db@~1.3.1
+
+1.2.0 / 2014-12-19
+==================
+
+  * deps: negotiator@0.5.0
+    - Fix list return order when large accepted list
+    - Fix missing identity encoding when q=0 exists
+    - Remove dynamic building of Negotiator class
+
+1.1.4 / 2014-12-10
+==================
+
+  * deps: mime-types@~2.0.4
+    - deps: mime-db@~1.3.0
+
+1.1.3 / 2014-11-09
+==================
+
+  * deps: mime-types@~2.0.3
+    - deps: mime-db@~1.2.0
+
+1.1.2 / 2014-10-14
+==================
+
+  * deps: negotiator@0.4.9
+    - Fix error when media type has invalid parameter
+
+1.1.1 / 2014-09-28
+==================
+
+  * deps: mime-types@~2.0.2
+    - deps: mime-db@~1.1.0
+  * deps: negotiator@0.4.8
+    - Fix all negotiations to be case-insensitive
+    - Stable sort preferences of same quality according to client order
+
+1.1.0 / 2014-09-02
+==================
+
+  * update `mime-types`
+
+1.0.7 / 2014-07-04
+==================
+
+  * Fix wrong type returned from `type` when match after unknown extension
+
+1.0.6 / 2014-06-24
+==================
+
+  * deps: negotiator@0.4.7
+
+1.0.5 / 2014-06-20
+==================
+
+ * fix crash when unknown extension given
+
+1.0.4 / 2014-06-19
+==================
+
+  * use `mime-types`
+
+1.0.3 / 2014-06-11
+==================
+
+  * deps: negotiator@0.4.6
+    - Order by specificity when quality is the same
+
+1.0.2 / 2014-05-29
+==================
+
+  * Fix interpretation when header not in request
+  * deps: pin negotiator@0.4.5
+
+1.0.1 / 2014-01-18
+==================
+
+  * Identity encoding isn't always acceptable
+  * deps: negotiator@~0.4.0
+
+1.0.0 / 2013-12-27
+==================
+
+  * Genesis