Merge branch 'feature/1-search_page' into develop

오윤석
Commit 75ea2ad781253497767b977127e4d5403e0480a4 75ea2ad7 2 parents c98d2f65 63caa073
Showing 9 changed files with 211 additions and 284 deletions
app/web/package-lock.json
app/web/package.json
app/web/public/global.css
app/web/public/index.html
app/web/rollup.config.js
app/web/src/main.js
app/web/src/routes.js
app/web/src/routes/Home.svelte
app/web/src/routes/Search.svelte
--- a/app/web/package-lock.json
View file @75ea2ad
+++ b/app/web/package-lock.json
View file @75ea2ad
@@ -5,27 +5,27 @@
   "requires": true,
   "dependencies": {
     "@babel/code-frame": {
-       "version": "7.8.3",
-       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.8.3.tgz",
-       "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==",
+       "version": "7.10.1",
+       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.1.tgz",
+       "integrity": "sha512-IGhtTmpjGbYzcEDOw7DcQtbQSXcG9ftmAXtWTu9V936vDye4xjjekktFAtgZsWpzTj/X01jocB46mTywm/4SZw==",
       "dev": true,
       "requires": {
-         "@babel/highlight": "^7.8.3"
+         "@babel/highlight": "^7.10.1"
       }
     },
     "@babel/helper-validator-identifier": {
-       "version": "7.9.5",
-       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz",
-       "integrity": "sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==",
+       "version": "7.10.1",
+       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.1.tgz",
+       "integrity": "sha512-5vW/JXLALhczRCWP0PnFDMCJAchlBvM7f4uk/jXritBnIa6E1KmqmtrS3yn1LAnxFBypQ3eneLuXjsnfQsgILw==",
       "dev": true
     },
     "@babel/highlight": {
-       "version": "7.9.0",
-       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.9.0.tgz",
-       "integrity": "sha512-lJZPilxX7Op3Nv/2cvFdnlepPXDxi29wxteT57Q965oc5R9v86ztx0jfxVrTcBk8C2kcPkkDa2Z4T3ZsPPVWsQ==",
+       "version": "7.10.1",
+       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.1.tgz",
+       "integrity": "sha512-8rMof+gVP8mxYZApLF/JgNDAkdKa+aJt3ZYxF8z6+j/hpeXL7iMsKCPHa2jNMHu/qqBwzQF4OHNoYi8dMA/rYg==",
       "dev": true,
       "requires": {
-         "@babel/helper-validator-identifier": "^7.9.0",
+         "@babel/helper-validator-identifier": "^7.10.1",
         "chalk": "^2.0.0",
         "js-tokens": "^4.0.0"
       }
@@ -130,9 +130,9 @@
       "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA=="
     },
     "@types/node": {
-       "version": "14.0.1",
-       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.0.1.tgz",
-       "integrity": "sha512-FAYBGwC+W6F9+huFIDtn43cpy7+SzG+atzRiTfdp3inUKL2hXnd4rG8hylJLIh4+hqrQy1P17kvJByE/z825hA=="
+       "version": "14.0.9",
+       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.0.9.tgz",
+       "integrity": "sha512-0sCTiXKXELOBxvZLN4krQ0FPOAA7ij+6WwvD0k/PHd9/KAkr4dXel5J9fh6F4x1FwAQILqAWkmpeuS6mjf1iKA=="
     },
     "@types/resolve": {
       "version": "0.0.8",
@@ -158,38 +158,16 @@
         "color-convert": "^1.9.0"
       }
     },
-     "anymatch": {
-       "version": "3.1.1",
-       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
-       "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
-       "dev": true,
-       "requires": {
-         "normalize-path": "^3.0.0",
-         "picomatch": "^2.0.4"
-       }
-     },
     "array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
     },
-     "async-limiter": {
-       "version": "1.0.1",
-       "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
-       "dev": true
-     },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
     },
-     "binary-extensions": {
-       "version": "2.0.0",
-       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz",
-       "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
-       "dev": true
-     },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -230,22 +208,6 @@
         "supports-color": "^5.3.0"
       }
     },
-     "chokidar": {
-       "version": "3.4.0",
-       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
-       "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
-       "dev": true,
-       "requires": {
-         "anymatch": "~3.1.1",
-         "braces": "~3.0.2",
-         "fsevents": "~2.1.2",
-         "glob-parent": "~5.1.0",
-         "is-binary-path": "~2.1.0",
-         "is-glob": "~4.0.1",
-         "normalize-path": "~3.0.0",
-         "readdirp": "~3.4.0"
-       }
-     },
     "color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -346,13 +308,6 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
-     "fsevents": {
-       "version": "2.1.3",
-       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
-       "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
-       "dev": true,
-       "optional": true
-     },
     "get-port": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
@@ -406,9 +361,9 @@
       "dev": true
     },
     "ignore": {
-       "version": "5.1.6",
-       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.6.tgz",
-       "integrity": "sha512-cgXgkypZBcCnOgSihyeqbo6gjIaIyDqPQB7Ra4vhE9m6kigdGoQDMHjviFhRZo3IMlRy6yElosoviMs5YxZXUA=="
+       "version": "5.1.8",
+       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw=="
     },
     "inflight": {
       "version": "1.0.6",
@@ -424,15 +379,6 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
-     "is-binary-path": {
-       "version": "2.1.0",
-       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-       "dev": true,
-       "requires": {
-         "binary-extensions": "^2.0.0"
-       }
-     },
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -466,12 +412,20 @@
       }
     },
     "is-reference": {
-       "version": "1.1.4",
-       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.1.4.tgz",
-       "integrity": "sha512-uJA/CDPO3Tao3GTrxYn6AwkM4nUPJiGGYu5+cB8qbC7WGFlrKZbiRo7SFKxUAEpFUfiHofWCXBUNhvYJMh+6zw==",
+       "version": "1.2.0",
+       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.0.tgz",
+       "integrity": "sha512-ZVxq+5TkOx6GQdnoMm2aRdCKADdcrOWXLGzGT+vIA8DMpqEJaRk5AL1bS80zJ2bjHunVmjdzfCt0e4BymIEqKQ==",
       "dev": true,
       "requires": {
-         "@types/estree": "0.0.39"
+         "@types/estree": "0.0.44"
+       },
+       "dependencies": {
+         "@types/estree": {
+           "version": "0.0.44",
+           "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.44.tgz",
+           "integrity": "sha512-iaIVzr+w2ZJ5HkidlZ3EJM8VTZb2MJLCjw3V+505yVts0gRC4UMvjw0d1HPtGqI/HQC/KdsYtayfzl+AXY2R8g==",
+           "dev": true
+         }
       }
     },
     "isobject": {
@@ -519,24 +473,6 @@
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
       "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="
     },
-     "livereload": {
-       "version": "0.9.1",
-       "resolved": "https://registry.npmjs.org/livereload/-/livereload-0.9.1.tgz",
-       "integrity": "sha512-9g7sua11kkyZNo2hLRCG3LuZZwqexoyEyecSlV8cAsfAVVCZqLzVir6XDqmH0r+Vzgnd5LrdHDMyjtFnJQLAYw==",
-       "dev": true,
-       "requires": {
-         "chokidar": "^3.3.0",
-         "livereload-js": "^3.1.0",
-         "opts": ">= 1.2.0",
-         "ws": "^6.2.1"
-       }
-     },
-     "livereload-js": {
-       "version": "3.2.2",
-       "resolved": "https://registry.npmjs.org/livereload-js/-/livereload-js-3.2.2.tgz",
-       "integrity": "sha512-xhScbNeC687ZINjEf/bD+BMiPx4s4q0mehcLb3zCc8+mykOtmaBR4vqzyIV9rIGdG9JjHaT0LiFdscvivCjX1Q==",
-       "dev": true
-     },
     "local-access": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/local-access/-/local-access-1.0.1.tgz",
@@ -558,9 +494,9 @@
       "dev": true
     },
     "merge2": {
-       "version": "1.3.0",
-       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.3.0.tgz",
-       "integrity": "sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw=="
+       "version": "1.4.1",
+       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "micromatch": {
       "version": "4.0.2",
@@ -572,9 +508,9 @@
       }
     },
     "mime": {
-       "version": "2.4.5",
-       "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.5.tgz",
-       "integrity": "sha512-3hQhEUF027BuxZjQA3s7rIv/7VCQPa27hN9u9g87sEkWaKwQPuXOkVKtOeiyUrnWqTDiOs8Ed2rwg733mB0R5w=="
+       "version": "2.4.6",
+       "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz",
+       "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA=="
     },
     "minimatch": {
       "version": "3.0.4",
@@ -589,12 +525,6 @@
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.1.5.tgz",
       "integrity": "sha512-d2RKzMD4JNyHMbnbWnznPaa8vbdlq/4pNZ3IgdaGrVbBhebBsGUUE/6qorTMYNS6TwuH3ilfOlD2bf4Igh8CKg=="
     },
-     "normalize-path": {
-       "version": "3.0.0",
-       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-       "dev": true
-     },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -603,12 +533,6 @@
         "wrappy": "1"
       }
     },
-     "opts": {
-       "version": "1.2.7",
-       "resolved": "https://registry.npmjs.org/opts/-/opts-1.2.7.tgz",
-       "integrity": "sha512-hwZhzGGG/GQ7igxAVFOEun2N4fWul31qE9nfBdCnZGQCB5+L7tN9xZ+94B4aUpLOJx/of3zZs5XsuubayQYQjA==",
-       "dev": true
-     },
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -630,15 +554,6 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
       "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg=="
     },
-     "readdirp": {
-       "version": "3.4.0",
-       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
-       "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
-       "dev": true,
-       "requires": {
-         "picomatch": "^2.2.1"
-       }
-     },
     "regexparam": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-1.3.0.tgz",
@@ -687,15 +602,6 @@
         "is-plain-object": "^3.0.0"
       }
     },
-     "rollup-plugin-livereload": {
-       "version": "1.3.0",
-       "resolved": "https://registry.npmjs.org/rollup-plugin-livereload/-/rollup-plugin-livereload-1.3.0.tgz",
-       "integrity": "sha512-abyqXaB21+nFHo+vJULBqfzNx6zXABC19UyvqgDfdoxR/8pFAd041GO+GIUe8ZYC2DbuMUmioh1Lvbk14YLZgw==",
-       "dev": true,
-       "requires": {
-         "livereload": "^0.9.1"
-       }
-     },
     "rollup-plugin-svelte": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/rollup-plugin-svelte/-/rollup-plugin-svelte-5.2.2.tgz",
@@ -757,25 +663,25 @@
       "dev": true
     },
     "sirv": {
-       "version": "0.4.2",
-       "resolved": "https://registry.npmjs.org/sirv/-/sirv-0.4.2.tgz",
-       "integrity": "sha512-dQbZnsMaIiTQPZmbGmktz+c74zt/hyrJEB4tdp2Jj0RNv9J6B/OWR5RyrZEvIn9fyh9Zlg2OlE2XzKz6wMKGAw==",
+       "version": "0.4.6",
+       "resolved": "https://registry.npmjs.org/sirv/-/sirv-0.4.6.tgz",
+       "integrity": "sha512-rYpOXlNbpHiY4nVXxuDf4mXPvKz1reZGap/LkWp9TvcZ84qD/nPBjjH/6GZsgIjVMbOslnY8YYULAyP8jMn1GQ==",
       "requires": {
         "@polka/url": "^0.5.0",
         "mime": "^2.3.1"
       }
     },
     "sirv-cli": {
-       "version": "0.4.5",
-       "resolved": "https://registry.npmjs.org/sirv-cli/-/sirv-cli-0.4.5.tgz",
-       "integrity": "sha512-Fl6icSm0EwPrXSGid2xphMp//WNTSX2yENRAGnJuuZNmdc8LvE/BtdZD3MPn28ifAfDqTMwbB3dpcZojAIOiBg==",
+       "version": "0.4.6",
+       "resolved": "https://registry.npmjs.org/sirv-cli/-/sirv-cli-0.4.6.tgz",
+       "integrity": "sha512-/Vj85/kBvPL+n9ibgX6FicLE8VjidC1BhlX67PYPBfbBAphzR6i0k0HtU5c2arejfU3uzq8l3SYPCwl1x7z6Ww==",
       "requires": {
         "console-clear": "^1.1.0",
         "get-port": "^3.2.0",
         "kleur": "^3.0.0",
         "local-access": "^1.0.1",
         "sade": "^1.4.0",
-         "sirv": "^0.4.2",
+         "sirv": "^0.4.6",
         "tinydate": "^1.0.0"
       }
     },
@@ -816,15 +722,15 @@
       }
     },
     "svelte": {
-       "version": "3.22.3",
-       "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.22.3.tgz",
-       "integrity": "sha512-DumSy5eWPFPlMUGf3+eHyFSkt5yLqyAmMdCuXOE4qc5GtFyLxwTAGKZmgKmW2jmbpTTeFQ/fSQfDBQbl9Eo7yw==",
+       "version": "3.23.0",
+       "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.23.0.tgz",
+       "integrity": "sha512-cnyd96bK/Nw5DnYuB1hzm5cl6+I1fpmdKOteA7KLzU9KGLsLmvWsSkSKbcntzODCLmSySN3HjcgTHRo6/rJNTw==",
       "dev": true
     },
     "svelte-spa-router": {
-       "version": "2.1.0",
-       "resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-2.1.0.tgz",
-       "integrity": "sha512-9bcQPTQ6A+Z92Z+NirVVusa/Sw6nqzKwZAKfu1Cl6+XjStf12hfIcPoMfTutEBoX0Ik+z7gJbJ934PKk94BvCg==",
+       "version": "2.2.0",
+       "resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-2.2.0.tgz",
+       "integrity": "sha512-S3KpmiBszjdjkU1QA9FyNgrSdQORbXWp4wl8R147Gl7KoNof/0SfFJ23+9E47jLiNz+lCw1uaCfeHJi2I60bVg==",
       "requires": {
         "regexparam": "1.3.0"
       }
@@ -862,15 +768,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-     },
-     "ws": {
-       "version": "6.2.1",
-       "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-       "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
-       "dev": true,
-       "requires": {
-         "async-limiter": "~1.0.0"
-       }
     }
   }
 }
--- a/app/web/package.json
View file @75ea2ad
+++ b/app/web/package.json
View file @75ea2ad
@@ -10,7 +10,6 @@
     "@rollup/plugin-commonjs": "11.0.2",
     "@rollup/plugin-node-resolve": "^7.0.0",
     "rollup": "^1.20.0",
-     "rollup-plugin-livereload": "^1.0.0",
     "rollup-plugin-svelte": "^5.0.3",
     "rollup-plugin-terser": "^5.1.2",
     "svelte": "^3.0.0"
--- a/app/web/public/global.css
View file @75ea2ad
+++ b/app/web/public/global.css
View file @75ea2ad
- html, body {
- 	position: relative;
- 	width: 100%;
- 	height: 100%;
+ html,
+ body {
+   position: relative;
+   width: 100%;
+   height: 100%;
+   background-color: #ffebee;
 }
 
 body {
- 	color: #333;
- 	margin: 0;
- 	padding: 8px;
- 	box-sizing: border-box;
- 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+   color: #333;
+   margin: 0;
+   box-sizing: border-box;
+   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 a {
- 	color: rgb(0,100,200);
- 	text-decoration: none;
+   color: rgb(0, 100, 200);
+   text-decoration: none;
 }
 
 a:hover {
- 	text-decoration: underline;
+   text-decoration: underline;
 }
 
 a:visited {
- 	color: rgb(0,80,160);
+   color: rgb(0, 80, 160);
 }
 
 label {
- 	display: block;
+   display: block;
 }
 
- input, button, select, textarea {
- 	font-family: inherit;
- 	font-size: inherit;
- 	padding: 0.4em;
- 	margin: 0 0 0.5em 0;
- 	box-sizing: border-box;
- 	border: 1px solid #ccc;
- 	border-radius: 2px;
+ input,
+ button,
+ select,
+ textarea {
+   font-family: inherit;
+   font-size: inherit;
+   padding: 0.4em;
+   margin: 0 0 0.5em 0;
+   box-sizing: border-box;
+   border: 1px solid #ccc;
+   border-radius: 2px;
 }
 
 input:disabled {
- 	color: #ccc;
+   color: #ccc;
 }
 
 input[type="range"] {
- 	height: 0;
+   height: 0;
 }
 
 button {
- 	color: #333;
- 	background-color: #f4f4f4;
- 	outline: none;
+   color: #333;
+   background-color: #f4f4f4;
+   outline: none;
 }
 
 button:disabled {
- 	color: #999;
+   color: #999;
 }
 
 button:not(:disabled):active {
- 	background-color: #ddd;
+   background-color: #ddd;
 }
 
 button:focus {
- 	border-color: #666;
- }
+   border-color: #666;
+ }
\ No newline at end of file
--- a/app/web/public/index.html
View file @75ea2ad
+++ b/app/web/public/index.html
View file @75ea2ad
 <!DOCTYPE html>
 <html lang="en">
+ 
 <head>
- 	<meta charset='utf-8'>
- 	<meta name='viewport' content='width=device-width,initial-scale=1'>
+   <meta charset='utf-8'>
+   <meta name='viewport' content='width=device-width,initial-scale=1'>
+ 
+   <title>::메이플스토리 스펙 계산기::</title>
 
- 	<title>Svelte app</title>
+   <link rel='icon' type='image/png' href='/favicon.png'>
+   <link rel='stylesheet' href='/global.css'>
+   <link rel='stylesheet' href='/build/bundle.css'>
 
- 	<link rel='icon' type='image/png' href='/favicon.png'>
- 	<link rel='stylesheet' href='/global.css'>
- 	<link rel='stylesheet' href='/build/bundle.css'>
+   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+   <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
- 	<script defer src='/build/bundle.js'></script>
+   <script defer src='/build/bundle.js'></script>
 </head>
 
 <body>
 </body>
- </html>
+ 
+ </html>
\ No newline at end of file
--- a/app/web/rollup.config.js
View file @75ea2ad
+++ b/app/web/rollup.config.js
View file @75ea2ad
 import svelte from 'rollup-plugin-svelte';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
- import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
 import copy from 'rollup-plugin-copy';
 
 const production = !process.env.ROLLUP_WATCH;
 
 export default {
- 	input: 'src/main.js',
- 	output: {
- 		sourcemap: true,
- 		format: 'iife',
- 		name: 'app',
- 		file: 'public/build/bundle.js'
- 	},
- 	plugins: [
- 		svelte({
- 			// enable run-time checks when not in production
- 			dev: !production,
- 			// we'll extract any component CSS out into
- 			// a separate file - better for performance
- 			css: css => {
- 				css.write('public/build/bundle.css');
- 			}
- 		}),
+   input: 'src/main.js',
+   output: {
+     sourcemap: true,
+     format: 'iife',
+     name: 'app',
+     file: 'public/build/bundle.js'
+   },
+   plugins: [
+     svelte({
+       // enable run-time checks when not in production
+       dev: !production,
+       // we'll extract any component CSS out into
+       // a separate file - better for performance
+       css: css => {
+         css.write('public/build/bundle.css');
+       }
+     }),
 
- 		// If you have external dependencies installed from
- 		// npm, you'll most likely need these plugins. In
- 		// some cases you'll need additional configuration -
- 		// consult the documentation for details:
- 		// https://github.com/rollup/plugins/tree/master/packages/commonjs
- 		resolve({
- 			browser: true,
- 			dedupe: ['svelte']
- 		}),
- 		commonjs(),
+     // If you have external dependencies installed from
+     // npm, you'll most likely need these plugins. In
+     // some cases you'll need additional configuration -
+     // consult the documentation for details:
+     // https://github.com/rollup/plugins/tree/master/packages/commonjs
+     resolve({
+       browser: true,
+       dedupe: ['svelte']
+     }),
+     commonjs(),
 
- 		copy({
- 			targets:[
- 				{ src:'src/images', dest:'public' }
- 			]
- 		}),
+     copy({
+       targets: [
+         { src: 'src/images', dest: 'public' }
+       ]
+     }),
 
- 		// In dev mode, call `npm run start` once
- 		// the bundle has been generated
- 		!production && serve(),
+     // In dev mode, call `npm run start` once
+     // the bundle has been generated
+     !production && serve(),
 
- 		// Watch the `public` directory and refresh the
- 		// browser on changes when not in production
- 		!production && livereload('public'),
- 
- 		// If we're building for production (npm run build
- 		// instead of npm run dev), minify
- 		production && terser()
- 	],
- 	watch: {
- 		clearScreen: false
- 	}
+     // If we're building for production (npm run build
+     // instead of npm run dev), minify
+     production && terser()
+   ],
+   watch: {
+     clearScreen: false
+   }
 };
 
 function serve() {
- 	let started = false;
+   let started = false;
 
- 	return {
- 		writeBundle() {
- 			if (!started) {
- 				started = true;
+   return {
+     writeBundle() {
+       if (!started) {
+         started = true;
 
- 				require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
- 					stdio: ['ignore', 'inherit', 'inherit'],
- 					shell: true
- 				});
- 			}
- 		}
- 	};
- }
+         require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
+           stdio: ['ignore', 'inherit', 'inherit'],
+           shell: true
+         });
+       }
+     }
+   };
+ }
\ No newline at end of file
--- a/app/web/src/main.js
View file @75ea2ad
+++ b/app/web/src/main.js
View file @75ea2ad
- import App from './App.svelte'; 
+ import App from './App.svelte';
 
 const app = new App({
- 	target: document.body,
- 	props: {
- 		name: 'world'
- 	}
+   target: document.body
 });
 
 export default app;
\ No newline at end of file
--- a/app/web/src/routes.js
View file @75ea2ad
+++ b/app/web/src/routes.js
View file @75ea2ad
- import Home from './routes/Home.svelte';
+ import Search from './routes/Search.svelte';
 
 const routes = {
-   '/': Home,
+   '/': Search,
 };
 
 export default routes;
\ No newline at end of file
--- a/app/web/src/routes/Home.svelte deleted 100644 → 0
View file @c98d2f6
+++ b/app/web/src/routes/Home.svelte deleted 100644 → 0
View file @c98d2f6
- <main>
- 	<h1>Hello, This is Home!</h1>
- 	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
- </main>
- 
- <style>
- 	main {
- 		text-align: center;
- 		padding: 1em;
- 		max-width: 240px;
- 		margin: 0 auto;
- 	}
- 
- 	h1 {
- 		color: #ff3e00;
- 		text-transform: uppercase;
- 		font-size: 4em;
- 		font-weight: 100;
- 	}
- 
- 	@media (min-width: 640px) {
- 		main {
- 			max-width: none;
- 		}
- 	}
- </style>
\ No newline at end of file
--- a/app/web/src/routes/Search.svelte 0 → 100644
View file @75ea2ad
+++ b/app/web/src/routes/Search.svelte 0 → 100644
View file @75ea2ad
+ <script>
+   import {push} from 'svelte-spa-router';
+ 
+   let character;
+ 
+   function searchCharacter() {
+     if(!character) {
+       M.toast({html:"닉네임을 입력해주세요."});
+       return false;
+     }
+ 
+     push('/character/' + character);
+   }
+ </script>
+ 
+ <svelte:head>
+   
+ </svelte:head>
+ 
+ <section>
+   <article class="search-box row">
+     <div class="col l4 m6 s12 offset-l4 offset-m3">
+       <div class="card">
+         <div class="card-stacked">
+           <div class="card-content">
+             <h4>내 캐릭터 분석하기</h4>
+             <form class="search-form" on:submit={searchCharacter} onsubmit="return false;">
+               <div class="input-field">
+                 <label>캐릭터명</label>
+                 <input type="text" bind:value={character}> 
+                 <button class="btn waves-effect waves-light red darken-1">확인</button>
+               </div>
+             </form>
+           </div>
+           <div class="card-action">
+             <p class="teal-text text-lighten-2">
+               메이플스토리 스펙 계산기를 이용하기 위해서는 캐릭터 정보 공개(기본정보, 장비, 스킬)가 필요합니다.
+             </p>
+             <p>
+               <a href="https://maplestory.nexon.com/MyMaple/Account/Character/Visibility" target="_BLANK">공개설정하러 가기</a>
+             </p>
+           </div>
+         </div>
+       </div>
+     </div>
+   </article>
+ </section>
+ 
+ <style>
+ section { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; }
+ .search-box { width:100%; }
+ h4 { font-size:20px; text-align:center; }
+ .input-field { padding-right:70px; }
+ .input-field button { position:absolute; right:0; top:7px; }
+ </style>
\ No newline at end of file