Commit d4483834 authored by baesangjune's avatar baesangjune
Browse files

.

parent f5339224
This diff is collapsed.
...@@ -151,26 +151,9 @@ function Search(props) { ...@@ -151,26 +151,9 @@ function Search(props) {
</Form> </Form>
</Row> </Row>
{/* {time.toString()}**** */} {/* {time.toString()}**** */}
{time.toLocaleString()}**** {time.toLocaleString()}
{/* {time.toLocaleDateString()}**** {/* {time.toLocaleDateString()}****
{time.toLocaleTimeString()}**** */} {time.toLocaleTimeString()}**** */}
<Col md={6} >
<Card align="center" border="info" style={{ margin: "3%" }}>
<Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{place[0].name}</Card.Title>
<Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={imgUrl} />
<Card.Body >
<Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
{place[0].address}{place[0].category} </Card.Text>
<Button variant="primary" onClick={() => {
// const showArr = [false, false, false, false]
// showArr[index] = true
// setShowSet(showArr)
}}>{place[0].name} 자세히 살펴보기</Button>
{/* <Place search={place} show={show} onHide={() => setShowSet([false, false, false, false])} /> */}
</Card.Body>
</Card>
</Col>
<Row className="d-flex flex-wrap"> <Row className="d-flex flex-wrap">
{pagePlace.map((place, index) => { {pagePlace.map((place, index) => {
......
import React from "react";
import Button from "react-bootstrap/Button";
import Form from "react-bootstrap/Form";
import Container from "react-bootstrap/Container";
// import { Link } from "react-router-dom";
import { Redirect } from "react-router-dom";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from 'react-bootstrap/Image'
import mainlogo from '../picture/mainlogo.jpg'
// import Modal from "react-bootstrap/Modal";
// import 'bootstrap / dist / css / bootstrap.min.css';
function Home() {
const clickSubmit = (event) => {
event.preventDefault();
console.log("버튼실행 = 메인으로 넘기기 ")
return <Redirect to="/main"/>
};
// if (values.redirect) {
// return <Redirect to="/" />;
// }
return (
<Container className="col-sm-6 col-md-5 col-lg-4 p-5">
{/* <Row> */}
<Image src={mainlogo} rounded />
<Form>
<Form.Group controlId="inputbox">
<Form.Label>오늘! 어디가?</Form.Label>
<Form.Control
/>
<Form.Text className="text-muted">
관광지를 입력하면 관련된 정보들이 나옵니다.
</Form.Text>
</Form.Group>
<Button variant="danger" type="submit" onClick={clickSubmit}>관광지 검색하기</Button>
</Form>
{/* </Row> */}
</Container>
);
}
export default Home;
import React from "react";
import Button from "react-bootstrap/Button";
import Form from "react-bootstrap/Form";
import Container from "react-bootstrap/Container";
import { Link } from "react-router-dom";
import { Redirect } from "react-router-dom";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from 'react-bootstrap/Image'
import { Card } from 'react-bootstrap'
// import Modal from "react-bootstrap/Modal";
// import 'bootstrap / dist / css / bootstrap.min.css';
import mainlogo from '../picture/mainlogo.jpg'
import hallasan from '../picture/hallasan.PNG'
import osulloc from '../picture/osulloc.PNG'
import sungsan from '../picture/sungsan.PNG'
import haenyeo from '../picture/haenyeo.PNG'
function Main() {
const clickSubmit = (event) => {
event.preventDefault();
console.log("메인페이지 도착")
};
// if (values.redirect) {
// return <Redirect to="/" />;
// }
return (
<Container className="">
<Form>
<Image src={mainlogo} rounded />
<Form.Label>made by Cherry </Form.Label>
<Form.Group controlId="contentsbox">
<Form.Text>관광지 정보</Form.Text>
{/* <Form.Control
/> */}
<Row>
<Card style={{ width: '30rem' }}>
<Card.Img variant="top" src={hallasan} />
<Card.Body>
<Card.Title>한라산(hallasan)</Card.Title>
<Card.Text>
제주 서귀포시 토평동 산15-1 </Card.Text>
<Link to="/">
<Button variant="primary">한라산 자세히 살펴보기</Button>
</Link>
</Card.Body>
</Card>
<Card style={{ width: '30rem' }}>
<Card.Img variant="top" src={sungsan} />
<Card.Body>
<Card.Title>성산일출봉(sungsan)</Card.Title>
<Card.Text>
제주 서귀포시 성산읍 성산리 1 </Card.Text>
<Link to="/">
<Button variant="primary">성산일출봉 자세히 살펴보기</Button>
</Link>
</Card.Body>
</Card>
</Row>
<Row>
<Card style={{ width: '30rem' }}>
<Card.Img variant="top" src={haenyeo} />
<Card.Body>
<Card.Title>해녀의 집(haenyeo)</Card.Title>
<Card.Text>
제주 서귀포시 성산읍 한도로 141-13지번오조리 3 오조해녀의집 </Card.Text>
<Link to="/">
<Button variant="primary">해녀의 집 자세히 살펴보기</Button>
</Link>
</Card.Body>
</Card>
{/* modal같이 다른 창 띄우는 것도 방법이고 링크 넣거나 화면하나 만드는 것도 방법일 듯 */}
<Card style={{ width: '30rem' }}>
<Card.Img variant="top" src={osulloc} />
<Card.Body>
<Card.Title>오설록 티 뮤지엄(osulloc)</Card.Title>
<Card.Text>
제주 서귀포시 안덕면 신화역사로 15 오설록지번서광리 1235-1 오설록 </Card.Text>
<Link to="/">
<Button variant="primary">오설록 티 뮤지엄 자세히 살펴보기</Button>
</Link>
</Card.Body>
</Card>
</Row>
</Form.Group>
{/* <Button variant="primary" type="submit" onClick={clickSubmit}>Submit</Button> */}
{/* <Form.Group controlId="inputbox">
<Form.Label>다른 관광지 검색하기</Form.Label>
<Form.Control
/>
<Form.Text className="text-muted">
새로운 관광지를 검색합니다.
</Form.Text>
</Form.Group>
<Button variant="danger" type="submit" onClick={clickSubmit}>다른 관광지 검색하기</Button> */}
</Form>
</Container >
);
}
export default Main;
This diff is collapsed.
This diff is collapsed.
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