Toggle navigation
Toggle navigation
This project
Loading...
Sign in
서민정
/
SEARCH-AND-CHAT
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
2
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
서민정
2020-06-13 17:46:30 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
890d459edb3ab2d5fd6b38c041596d7f1944b2c5
890d459e
1 parent
285f3968
update function and usage page
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
48 additions
and
2 deletions
client/src/App.js
client/src/chatbot/chatbot.js
client/src/views/chatpage.js
client/src/views/howtouse.js
client/src/views/loginpage.js
client/src/App.js
View file @
890d459
...
...
@@ -5,6 +5,7 @@ import { Route, Switch, BrowserRouter} from "react-router-dom";
import
chatpage
from
'./views/chatpage'
;
import
loginpage
from
'./views/loginpage'
;
import
registerpage
from
'./views/registerpage'
;
import
howtouse
from
'./views/howtouse'
;
//const { Title } = Typography;
...
...
@@ -17,6 +18,7 @@ function App() {
<
Route
path
=
"/chat"
component
=
{
chatpage
}
/
>
<
Route
path
=
"/"
exact
component
=
{
loginpage
}
/
>
<
Route
path
=
"/register"
component
=
{
registerpage
}
/
>
<
Route
path
=
"/usage"
component
=
{
howtouse
}
/
>
<
/Switch
>
<
/Suspense
>
<
/BrowserRouter
>
...
...
client/src/chatbot/chatbot.js
View file @
890d459
...
...
@@ -8,6 +8,8 @@ import Card from "./Sections/Card";
import
CheckString
from
'./Check'
;
import
{
text
}
from
'body-parser'
;
function
Chatbot
(
props
)
{
console
.
log
(
"실행"
)
...
...
client/src/views/chatpage.js
View file @
890d459
...
...
@@ -19,6 +19,11 @@ function chatpage() {
autoSearch
=
1
;
}
window
.
history
.
pushState
(
null
,
null
,
"/chat"
);
window
.
onpopstate
=
function
(
event
){
window
.
history
.
go
(
1
)
};
return
(
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
}}
>
...
...
client/src/views/howtouse.js
0 → 100644
View file @
890d459
import
React
from
"react"
;
import
{
withRouter
,
Link
}
from
"react-router-dom"
;
function
howtouse
()
{
return
(
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
paddingTop
:
'2rem'
}}
>
<
div
style
=
{{
height
:
610
,
width
:
700
,
border
:
'3px solid black'
,
borderRadius
:
'7px'
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
paddingTop
:
'2rem'
,
fontSize
:
'1rem'
,
paddingLeft
:
'1rem'
,
paddingRight
:
'1rem'
}}
>
우선
,
SEARCH
AND
CHAT
웹페이지에
접속해주셔서
감사합니다
.
<
br
/>
간단한
사용
방법을
알려드리겠습니다
.
<
br
/><
br
/>
1
.
챗봇과의
대화는
회원
/
비회원
모두
이용
가능합니다
.
<
br
/>
2
.
회원인
경우에는
,
회원
가입
시
등록한
키워드를
챗봇이
먼저
검색해주어
정보를
제공해줍니다
.
<
br
/>
3
.
비회원인
경우에는
,
직접
챗봇에게
검색을
요청하셔야합니다
.
<
br
/>
4
.
챗봇과의
일상적인
대화는
회원
/
비회원
구분없이
모두
가능합니다
.
<
br
/>
5
.
로그인
시
,
해당
페이지로
연결을
위해
더블
클릭이
필요할
수
있습니다
.
<
br
/>
6
.
챗봇에게
정보를
요청할
때에는
챗봇이
알려주는
양식에
맞추어
입력하셔야
가능합니다
.
<
br
/>
7
.
아직
챗봇은
많은
경험이
부족합니다
.
여러분의
모든
대화를
이해하지
못할
수
있으니
양해
부탁드립니다
.
<
br
/>
8
.
회원
/
비회원의
구분을
위해
세션을
사용합니다
.
또한
여러분께
보여지는
페이지는
단일
페이지로
구성되었습니다
.
<
br
/>
따라서
챗봇과의
대화
페이지에서는
뒤로가기나
새로고침
시
이용에
불편함이
있을
수
있어
뒤로가기는
막아두었습니다
.
<
br
/>
다시
메인
페이지로
이동하시기
위해서는
,
페이지
URL
로
다시
접속하시면
재
접속
가능합니다
.
<
br
/>
**
아래
메인
페이지로
돌아가기를
클릭하여
,
챗봇과의
즐거운
대화
즐기시길
바랍니다
.
감사합니다
!
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
paddingTop
:
'2rem'
,
paddingLeft
:
'1rem'
,
paddingRight
:
'1rem'
,
fontSize
:
'1.5rem'
}}
>
<
Link
to
=
'/'
>
메인
페이지로
돌아가기
<
/Link
>
<
/div
>
<
/div
>
<
/div
>
)
}
export
default
withRouter
(
howtouse
);
\ No newline at end of file
client/src/views/loginpage.js
View file @
890d459
...
...
@@ -45,11 +45,13 @@ async function userInfo(){
function
loginpage
()
{
return
(
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
,
paddingTop
:
'10rem'
}}
>
<
Title
level
=
{
2
}
>
Login
Page
<
/Title
>
<
Title
level
=
{
2
}
>
SEARCH
-
AND
-
CHAT
MAIN
PAGE
<
/Title
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
}}
>
사용방법은
&
nbsp
;
<
Link
to
=
"/usage"
>
HOW
TO
USE
<
/Link> 에서 확인하실 수 있습니다
.
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
}}
>
<
form
style
=
{{
width
:
'350px'
}}
name
=
"loginForm"
>
...
...
Please
register
or
login
to post a comment