Commit 046cacd3 authored by baesangjune's avatar baesangjune
Browse files

css

parent f15e7778
[{"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"] [{"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 \ No newline at end of file
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Link, Redirect } from 'react-router-dom'; import { Link, Redirect } from 'react-router-dom';
import ohuh from './ohuh.PNG'; 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() { function App() {
const [state, setState] = useState(false); const [state, setState] = useState(false);
...@@ -25,26 +25,30 @@ function App() { ...@@ -25,26 +25,30 @@ function App() {
return ( return (
<Container className="vh-100"> <Container className="vh-100 d-flex justify-content-md-center align-items-center">
<Row className="d-flex justify-content-md-center"> <Col md={6} lassName=" d-flex justify-content-center">
<Image src={ohuh} /> <Row style={{marginBottom:20}}>
</Row> <Image src={ohuh} />
<Row className="d-flex justify-content-md-center"> </Row>
<Form className="vw-100" onSubmit={handleSubmit}>
<InputGroup> <Row style={{marginBottom:500}}>
<Form.Control <Form className="vw-100" onSubmit={handleSubmit}>
size="lg" <InputGroup>
placeholder="검색어를 입력하세요." <Form.Control
aria-label="Large" size="lg"
aria-describedby="inputGroup-sizing-sm" placeholder="검색어를 입력하세요."
onChange={handleChange} aria-label="Large"
/> aria-describedby="inputGroup-sizing-sm"
<InputGroup.Append> onChange={handleChange}
<Button type='submit' variant="outline-secondary">검색</Button> />
</InputGroup.Append> <InputGroup.Append>
</InputGroup> <Button type='submit' variant="outline-secondary">검색</Button>
</Form> </InputGroup.Append>
</Row> </InputGroup>
</Form>
</Row>
</Col>
</Container> </Container>
); );
} }
......
...@@ -25,7 +25,7 @@ function Paginations(props) { ...@@ -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 + 3)}>{props.index + 3}</Pagination.Item> : ""}
{props.index === 1 ? <Pagination.Item onClick={()=>props.handlePage(props.index + 4)}>{props.index + 4}</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 === 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.Last onClick={() =>props.handlePage(props.endPage)} />
</Pagination> </Pagination>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment