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