Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
students
travel
Commits
4ea76115
Commit
4ea76115
authored
Jun 29, 2022
by
Kim, MinGyu
Browse files
Merge branch 'develop' of
https://compmath.korea.ac.kr/gitlab/students/travel
into develop
parents
364a26e5
a7056a69
Changes
6
Hide whitespace changes
Inline
Side-by-side
frontend/src/App.tsx
View file @
4ea76115
...
...
@@ -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
>
...
...
frontend/src/pages/board.tsx
View file @
4ea76115
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
>
{
img
s
.
map
((
img
,
index
)
=>
(
{
ord
s
.
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
>
))
}
...
...
frontend/src/pages/body.tsx
View file @
4ea76115
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
);
};
frontend/src/pages/login.tsx
View file @
4ea76115
...
...
@@ -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
>
...
...
frontend/src/pages/theme.tsx
View file @
4ea76115
...
...
@@ -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
frontend/src/url.ts
x
→
frontend/src/url.ts
View file @
4ea76115
...
...
@@ -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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment