diff --git a/client/.eslintcache b/client/.eslintcache
index 5203bd4345922563be61927036ebece6b5d1043d..4db22622d97cfa18d3b2f5fa6e7293dbeeca96b9 100644
--- a/client/.eslintcache
+++ b/client/.eslintcache
@@ -1 +1 @@
-[{"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\index.js":"1","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\reportWebVitals.js":"2","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\App.js":"3","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Search.js":"4","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Components\\Place.js":"5","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\pagination.js":"6","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\quadrant.js":"7"},{"size":1022,"mtime":1609858198940,"results":"8","hashOfConfig":"9"},{"size":375,"mtime":1609072355927,"results":"10","hashOfConfig":"9"},{"size":1411,"mtime":1609294197036,"results":"11","hashOfConfig":"9"},{"size":38086,"mtime":1610300438144,"results":"12","hashOfConfig":"9"},{"size":4940,"mtime":1610303597999,"results":"13","hashOfConfig":"9"},{"size":2275,"mtime":1610303504276,"results":"14","hashOfConfig":"9"},{"size":3929,"mtime":1610296061310,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"zqc0qw",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"23","usedDeprecatedRules":"18"},{"filePath":"24","messages":"25","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"26","messages":"27","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\index.js",[],["32","33"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\reportWebVitals.js",[],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\App.js",["34","35"],"import React, { useEffect, useState } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport ohuh from './ohuh.PNG';\r\nimport { Container, Row, Form, Image, InputGroup, Button } from 'react-bootstrap';\r\n\r\nfunction App() {\r\n  const [state, setState] = useState(false);\r\n  const [search, setSearch] = useState(\"\");\r\n\r\n  if (state !== false) {\r\n    return <Redirect to={{\r\n      pathname: `/search/${search}`,\r\n      state: { id: search },\r\n    }} />;\r\n  }\r\n\r\n  const handleChange = (e) => {\r\n    setSearch(e.target.value);\r\n  }\r\n\r\n  const handleSubmit = () => {\r\n    setState(true);\r\n  }\r\n\r\n\r\n\r\n  return (\r\n    <Container className=\"vh-100\">\r\n      <Row className=\"d-flex justify-content-md-center\">\r\n        <Image src={ohuh} />\r\n      </Row>\r\n      <Row className=\"d-flex justify-content-md-center\">\r\n        <Form className=\"vw-100\" onSubmit={handleSubmit}>\r\n          <InputGroup>\r\n            <Form.Control\r\n              size=\"lg\"\r\n              placeholder=\"검색어를 입력하세요.\"\r\n              aria-label=\"Large\"\r\n              aria-describedby=\"inputGroup-sizing-sm\"\r\n              onChange={handleChange}\r\n            />\r\n            <InputGroup.Append>\r\n              <Button type='submit' variant=\"outline-secondary\">검색</Button>\r\n            </InputGroup.Append>\r\n          </InputGroup>\r\n        </Form>\r\n      </Row>\r\n    </Container>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Search.js",["36","37"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Components\\Place.js",["38","39","40","41","42"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\pagination.js",[],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\quadrant.js",[],{"ruleId":"43","replacedBy":"44"},{"ruleId":"45","replacedBy":"46"},{"ruleId":"47","severity":1,"message":"48","line":1,"column":17,"nodeType":"49","messageId":"50","endLine":1,"endColumn":26},{"ruleId":"47","severity":1,"message":"51","line":2,"column":10,"nodeType":"49","messageId":"50","endLine":2,"endColumn":14},{"ruleId":"47","severity":1,"message":"52","line":5,"column":83,"nodeType":"49","messageId":"50","endLine":5,"endColumn":93},{"ruleId":"53","severity":1,"message":"54","line":451,"column":35,"nodeType":"55","endLine":451,"endColumn":76},{"ruleId":"47","severity":1,"message":"56","line":2,"column":33,"nodeType":"49","messageId":"50","endLine":2,"endColumn":36},{"ruleId":"47","severity":1,"message":"57","line":2,"column":46,"nodeType":"49","messageId":"50","endLine":2,"endColumn":51},{"ruleId":"58","severity":1,"message":"59","line":35,"column":17,"nodeType":"60","endLine":35,"endColumn":37},{"ruleId":"58","severity":1,"message":"59","line":42,"column":19,"nodeType":"60","endLine":42,"endColumn":39},{"ruleId":"58","severity":1,"message":"59","line":50,"column":19,"nodeType":"60","endLine":50,"endColumn":39},"no-native-reassign",["61"],"no-negated-in-lhs",["62"],"no-unused-vars","'useEffect' is defined but never used.","Identifier","unusedVar","'Link' is defined but never used.","'Pagination' is defined but never used.","react/jsx-no-duplicate-props","No duplicate props allowed","JSXAttribute","'Col' is defined but never used.","'Badge' is defined but never used.","jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","JSXOpeningElement","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
+[{"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\index.js":"1","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\reportWebVitals.js":"2","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\App.js":"3","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Search.js":"4","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Components\\Place.js":"5","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\pagination.js":"6","C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\quadrant.js":"7"},{"size":1022,"mtime":1609858198940,"results":"8","hashOfConfig":"9"},{"size":375,"mtime":1609072355927,"results":"10","hashOfConfig":"9"},{"size":1549,"mtime":1610305620410,"results":"11","hashOfConfig":"9"},{"size":38086,"mtime":1610300438144,"results":"12","hashOfConfig":"9"},{"size":4940,"mtime":1610303597999,"results":"13","hashOfConfig":"9"},{"size":2336,"mtime":1610305752895,"results":"14","hashOfConfig":"9"},{"size":3929,"mtime":1610296061310,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"zqc0qw",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"23","messages":"24","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"25","messages":"26","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\index.js",[],["31","32"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\reportWebVitals.js",[],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\App.js",["33","34"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Search.js",["35","36"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\Components\\Place.js",["37","38","39","40","41"],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\pagination.js",[],"C:\\Users\\Korea\\Desktop\\2020winter\\search-page\\client\\src\\quadrant.js",[],{"ruleId":"42","replacedBy":"43"},{"ruleId":"44","replacedBy":"45"},{"ruleId":"46","severity":1,"message":"47","line":1,"column":17,"nodeType":"48","messageId":"49","endLine":1,"endColumn":26},{"ruleId":"46","severity":1,"message":"50","line":2,"column":10,"nodeType":"48","messageId":"49","endLine":2,"endColumn":14},{"ruleId":"46","severity":1,"message":"51","line":5,"column":83,"nodeType":"48","messageId":"49","endLine":5,"endColumn":93},{"ruleId":"52","severity":1,"message":"53","line":451,"column":35,"nodeType":"54","endLine":451,"endColumn":76},{"ruleId":"46","severity":1,"message":"55","line":2,"column":33,"nodeType":"48","messageId":"49","endLine":2,"endColumn":36},{"ruleId":"46","severity":1,"message":"56","line":2,"column":46,"nodeType":"48","messageId":"49","endLine":2,"endColumn":51},{"ruleId":"57","severity":1,"message":"58","line":35,"column":17,"nodeType":"59","endLine":35,"endColumn":37},{"ruleId":"57","severity":1,"message":"58","line":42,"column":19,"nodeType":"59","endLine":42,"endColumn":39},{"ruleId":"57","severity":1,"message":"58","line":50,"column":19,"nodeType":"59","endLine":50,"endColumn":39},"no-native-reassign",["60"],"no-negated-in-lhs",["61"],"no-unused-vars","'useEffect' is defined but never used.","Identifier","unusedVar","'Link' is defined but never used.","'Pagination' is defined but never used.","react/jsx-no-duplicate-props","No duplicate props allowed","JSXAttribute","'Col' is defined but never used.","'Badge' is defined but never used.","jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","JSXOpeningElement","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/client/src/App.js b/client/src/App.js
index 498b75a117c90d68d92053f0776af642ee101aec..681a9481338777763d1af8b77f4b7ad850b492d6 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Link, Redirect } from 'react-router-dom';
 import ohuh from './ohuh.PNG';
-import { Container, Row, Form, Image, InputGroup, Button } from 'react-bootstrap';
+import { Container, Row, Form, Image, InputGroup, Button, Col } from 'react-bootstrap';
 
 function App() {
   const [state, setState] = useState(false);
@@ -25,26 +25,30 @@ function App() {
 
 
   return (
-    <Container className="vh-100">
-      <Row className="d-flex justify-content-md-center">
-        <Image src={ohuh} />
-      </Row>
-      <Row className="d-flex justify-content-md-center">
-        <Form className="vw-100" onSubmit={handleSubmit}>
-          <InputGroup>
-            <Form.Control
-              size="lg"
-              placeholder="검색어를 입력하세요."
-              aria-label="Large"
-              aria-describedby="inputGroup-sizing-sm"
-              onChange={handleChange}
-            />
-            <InputGroup.Append>
-              <Button type='submit' variant="outline-secondary">검색</Button>
-            </InputGroup.Append>
-          </InputGroup>
-        </Form>
-      </Row>
+    <Container className="vh-100 d-flex justify-content-md-center align-items-center">
+      <Col md={6} lassName=" d-flex justify-content-center">
+        <Row style={{marginBottom:20}}>
+          <Image src={ohuh} />
+        </Row>
+
+        <Row style={{marginBottom:500}}>
+          <Form className="vw-100" onSubmit={handleSubmit}>
+            <InputGroup>
+              <Form.Control
+                size="lg"
+                placeholder="검색어를 입력하세요."
+                aria-label="Large"
+                aria-describedby="inputGroup-sizing-sm"
+                onChange={handleChange}
+              />
+              <InputGroup.Append>
+                <Button type='submit' variant="outline-secondary">검색</Button>
+              </InputGroup.Append>
+            </InputGroup>
+          </Form>
+        </Row>
+      </Col>
+
     </Container>
   );
 }
diff --git a/client/src/pagination.js b/client/src/pagination.js
index 0b8de552bd624ead763a4a548f09590fa8a29996..0b1d157709b5b8869b9fcb4b43b2d08352628c2a 100644
--- a/client/src/pagination.js
+++ b/client/src/pagination.js
@@ -25,7 +25,7 @@ function Paginations(props) {
             {props.index === 1 ? <Pagination.Item onClick={()=>props.handlePage(props.index + 3)}>{props.index + 3}</Pagination.Item> : ""}
             {props.index === 1 ? <Pagination.Item onClick={()=>props.handlePage(props.index + 4)}>{props.index + 4}</Pagination.Item> : ""}
             {props.index === 2 ? <Pagination.Item onClick={()=>props.handlePage(props.index + 3)}>{props.index + 3}</Pagination.Item> : ""}
-            {props.index === props.endPage ? "" : <Pagination.Next onClick={()=>props.handlePage(props.index + 1)} />}
+            {props.index === props.endPage ? <Pagination.Next onClick={()=>props.handlePage(props.index)} /> : <Pagination.Next onClick={()=>props.handlePage(props.index + 1)} />}
 
             <Pagination.Last onClick={() =>props.handlePage(props.endPage)} />
         </Pagination>