Commit 4ea76115 authored by Kim, MinGyu's avatar Kim, MinGyu
Browse files

Merge branch 'develop' of https://compmath.korea.ac.kr/gitlab/students/travel into develop

parents 364a26e5 a7056a69
......@@ -11,11 +11,12 @@ export const App = () => {
return (
<BrowserRouter>
<Routes>
<Route path="/login" element={<Login />} />
<Route path="/signup" element={<Signup />} />
<Route path="login" element={<Login />} />
<Route path="signup" element={<Signup />} />
<Route path="/" element={<Header />}>
<Route index element={<Body />} />
<Route path="/board" element={<Board />} />
<Route path="board" element={<Board />} />
</Route>
</Routes>
</BrowserRouter>
......
import React from "react";
import React, {useState} from "react";
function range(start:number, end:number) {
return (new Array(end - start + 1)).fill(undefined).map((_, i) => i + start);
}
export default function BoardPage() {
<<<<<<< HEAD
const imgs = range(1,8); //[1,2,3,4,5,6,7]
=======
const ords = range(1,8); //[1,2,3,4,5,6,7];
const [count, setCount] = useState(0);
>>>>>>> a7056a6986765dfc1269fbf0543c54a1e14a9ac7
return (
<div className="flex flex-col items-center">
<div className="flex flex-col items-center mt-6">
......@@ -18,18 +22,19 @@ export default function BoardPage() {
`여행지 후기를 남겨주세요!`
</div>
</div>
<div className="flex flex-col w-10/12 mt-16 ">
<div>
<div className="bg-gray-500 border-y-2 h-10">
Board
</div>
<div>
{imgs.map((img,index) => (
{ords.map((ord, index) => (
<div key={index} className="flex flex-row h-16 divide-x-2 border-2 border-solid ">
<div className="basis-1/12 bg-gray-100">{img}</div>
<div className="basis-full">title</div>
<div className="basis-1/12 bg-gray-100">{ord}</div>
<div className="basis-full"><button onClick={() => setCount(count + 1)}>title</button></div> {/*<Link to>title</Link> */}
<div className="basis-3/12">date</div>
<div className="basis-2/12">like</div>
<div className="basis-2/12">{count}</div>
</div>
))}
......
import React, { MouseEventHandler, useEffect, MouseEvent } from "react";
import React, { useEffect, MouseEvent } from "react";
import { BrowserRouter, Route, Routes, Link, Outlet, useSearchParams } from "react-router-dom";
import Theme from "./theme";
import getUrl from "../url"
// const initSearchParams = ["theme", "city"]
const initSearchParams = { "theme": "1", "city": "1" }
export default function Body() {
const [searchParams, setSearchParams] = useSearchParams(initSearchParams)
......@@ -17,37 +16,34 @@ export default function Body() {
console.log(`theme id= ${event.currentTarget.id}`)
}
// const imgs = [1, 2, 3, 4, 5]
let url=getUrl();
let url = getUrl();
return (
<div>
<div className="flex flex-col px-5 py-5">
<Theme handleClick={handleClick} />
<div className="flex flex-col md:flex-row px-5 py-40 ">
<div className="flex flex-row md:flex-col md:basis-1/5 bg-gray-400 rounded ">
<div>01</div>
<div>02</div>
<div>03</div>
<div>04</div>
<div>05</div>
<div>06</div>
<div>07</div>
<div>08</div>
<div>09</div>
<div>10</div>
{/* citylist */}
</div>
<div className="flex md:basis-4/5 grid grid-rows-3 grid-cols-5 outline">
{url.map(url => (
<div className="flex justify-items-center">{url.url}</div>
))}
{/* pic */}
</div>
</div>
<Outlet />
<div className="flex flex-col px-5 py-5">
<Theme handleClick={handleClick} />
<div className="flex flex-col md:flex-row px-5 py-40 ">
<div className="flex flex-row justify-evenly md:flex-col md:basis-1/5 bg-gray-400 rounded ">
<button>01</button>
<button>02</button>
<button>03</button>
<button>04</button>
<button>06</button>
<button>07</button>
<button>05</button>
<button>08</button>
<button>09</button>
<button>10</button>
{/* citylist */}
</div>
<div className="flex md:basis-4/5 grid grid-rows-3 grid-cols-5 outline">
{url.map(url => (
<div className="flex justify-items-center" key={url.url}>{url.url}</div>
))}
{/* pic */}
</div>
</div>
</div> // Body Page
<Outlet />
</div>
// Body Page
);
};
......@@ -6,7 +6,7 @@ export default function Login () {
<div>
<div className="flex flex-col grid grid-rows-2 place-items-center">
<div className="w-40 h-40 bg-red-400 place-self-center ">
<div className="w-1/2 h-1/2 md:w-40 md:h-40 bg-red-400 place-self-center ">
<Link to="/">Travel Report</Link>
</div>
......
......@@ -4,22 +4,18 @@ type ThemeProps = {
handleClick: MouseEventHandler;
}
export default function Theme({handleClick}: ThemeProps) {
// const handleClick = (event: MouseEvent<HTMLElement>) => {
// console.log(event.currentTarget.id)
// }
return (
<div className="flex flex-cols-10 justify-evenly w-full bg-emerald-400 rounded ">
<button id={"01"} onClick={handleClick}>01</button>
<button>02</button>
<button>03</button>
<button>04</button>
<button>05</button>
<button>06</button>
<button>07</button>
<button>08</button>
<button>09</button>
<button>10</button>
<button id={"01"} onClick={handleClick}>서핑</button>
<button>액티비티</button>
<button>캠핑</button>
<button>스키</button>
<button>보트</button>
<button>사막</button>
<button>골프</button>
<button>동굴</button>
<button>문화재</button>
<button>동물원</button>
</div>
);
};
\ No newline at end of file
......@@ -19,15 +19,3 @@ let url = [
export default function getUrl(){
return url;
}
// Url() {
// const imgs = [1, 2, 3, 4, 5];
// return (
// {
// imgs.map(img => (
// <div className="flex justify-items-center">{img}</div>
// ))
// } // Board Page
// );
// };
\ No newline at end of file
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