정성훈 / MEALKHU

Go to a project
Toggle navigation Toggle navigation pinning
swa07016
751a0777 1 parent 9b752219

About 페이지 완성

Inline Side-by-side
Showing 7 changed files with 38 additions and 12 deletions
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 "@testing-library/user-event": "^7.1.2", 8 "@testing-library/user-event": "^7.1.2",
9 "bootstrap": "^4.5.0", 9 "bootstrap": "^4.5.0",
10 "react": "^16.13.1", 10 "react": "^16.13.1",
11 + "react-app-polyfill": "^1.0.6",
11 "react-dom": "^16.13.1", 12 "react-dom": "^16.13.1",
12 "react-scripts": "3.4.1", 13 "react-scripts": "3.4.1",
13 "reactstrap": "^8.4.1" 14 "reactstrap": "^8.4.1"
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 -<html lang="en"> 2 +<html lang="en" style="margin: 0;
3 +height: 100%;
4 +overflow: hidden;
5 +">
3 <head> 6 <head>
4 <meta charset="utf-8" /> 7 <meta charset="utf-8" />
5 <link rel="icon" href="%PUBLIC_URL%/fork.ico" /> 8 <link rel="icon" href="%PUBLIC_URL%/fork.ico" />
...@@ -26,9 +29,9 @@ ...@@ -26,9 +29,9 @@
26 --> 29 -->
27 <title>MEALKHU</title> 30 <title>MEALKHU</title>
28 </head> 31 </head>
29 - <body> 32 + <body style="width : 100%; height:100%; margin: 0; overflow:hidden;">
30 <noscript>You need to enable JavaScript to run this app.</noscript> 33 <noscript>You need to enable JavaScript to run this app.</noscript>
31 - <div id="root"></div> 34 + <div id="root" style="width : 100%; height:100%;"></div>
32 <!-- 35 <!--
33 This HTML file is a template. 36 This HTML file is a template.
34 If you open it directly in the browser, you will see an empty page. 37 If you open it directly in the browser, you will see an empty page.
......
...@@ -9,6 +9,7 @@ import { ...@@ -9,6 +9,7 @@ import {
9 Link 9 Link
10 } from "react-router-dom"; 10 } from "react-router-dom";
11 11
12 +
12 function App() { 13 function App() {
13 return ( 14 return (
14 <Router> 15 <Router>
......
...@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom'; ...@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
3 import App from './App'; 3 import App from './App';
4 import * as serviceWorker from './serviceWorker'; 4 import * as serviceWorker from './serviceWorker';
5 import 'bootstrap/dist/css/bootstrap.min.css'; 5 import 'bootstrap/dist/css/bootstrap.min.css';
6 +import 'react-app-polyfill/ie11';
7 +
6 8
7 ReactDOM.render( 9 ReactDOM.render(
8 <React.StrictMode> 10 <React.StrictMode>
...@@ -14,4 +16,4 @@ ReactDOM.render( ...@@ -14,4 +16,4 @@ ReactDOM.render(
14 // If you want your app to work offline and load faster, you can change 16 // If you want your app to work offline and load faster, you can change
15 // unregister() to register() below. Note this comes with some pitfalls. 17 // unregister() to register() below. Note this comes with some pitfalls.
16 // Learn more about service workers: https://bit.ly/CRA-PWA 18 // Learn more about service workers: https://bit.ly/CRA-PWA
17 -serviceWorker.unregister(); 19 +serviceWorker.unregister();
...\ No newline at end of file ...\ No newline at end of file
......
1 import React from 'react'; 1 import React from 'react';
2 import NavBar from '../components/NavBar'; 2 import NavBar from '../components/NavBar';
3 +import { Container } from 'reactstrap';
4 +import { Jumbotron, Button } from 'reactstrap';
3 5
4 const AboutPage = (props) => { 6 const AboutPage = (props) => {
5 return ( 7 return (
6 - <> 8 + <>
7 - <NavBar/> 9 + <NavBar/>
8 - about page 10 + <div style={{'display':'flex', 'width':'100%', "height":'100%', 'textAlign':'center', 'alignItems':'center'}}>
9 - </> 11 + <Container style={{}}>
12 + <Jumbotron
13 + style={{'backgroundColor':'#fff'}}
14 + >
15 + <h1 className="display-3">Enjoy your meal!</h1><br/>
16 + <p className="lead">MEALKHU는 경희대학생들의 식사고민을 덜어주기 위해 제작된 웹사이트입니다.
17 + <br/>경희대 근처 생활권(정건, 마을)에 있는 식당들을 종류별로 카테고리화하였습니다.
18 + <br/>친구들과 메뉴를 정할 때 랜덤추천을 사용해보세요!
19 + </p>
20 + <br/>
21 + <hr className="my-2" />
22 + <br/>
23 + <p>식당추가 등 문의사항은 언제든지 환영입니다! swa07016@khu.ac.kr 연락주세요</p>
24 + <br/><br/><br/>
25 + </Jumbotron>
26 + </Container>
27 + </div>
28 + </>
10 ); 29 );
11 } 30 }
12 31
......
...@@ -3,10 +3,10 @@ import NavBar from '../components/NavBar'; ...@@ -3,10 +3,10 @@ import NavBar from '../components/NavBar';
3 3
4 const MenuPage = (props) => { 4 const MenuPage = (props) => {
5 return ( 5 return (
6 - <> 6 + <>
7 - <NavBar/> 7 + <NavBar/>
8 - menu page 8 + menu page
9 - </> 9 + </>
10 ); 10 );
11 } 11 }
12 12
......