박민정

[feat] Implement Login Page

...@@ -9,8 +9,8 @@ function LandingPage() { ...@@ -9,8 +9,8 @@ function LandingPage() {
9 }, []) 9 }, [])
10 10
11 return ( 11 return (
12 - <div> 12 + <div style={{justifyContent:'center', alignItems: 'center', display:'flex', width:'100%'}}>
13 - LandingPage 랜딩페이지 13 + <h1>시작 페이지</h1>
14 </div> 14 </div>
15 ) 15 )
16 } 16 }
......
...@@ -2,8 +2,17 @@ import React from 'react' ...@@ -2,8 +2,17 @@ import React from 'react'
2 2
3 function LoginPage() { 3 function LoginPage() {
4 return ( 4 return (
5 - <div> 5 + <div style={{justifyContent:'center', alignItems: 'center', display:'flex', width:'100%'}}>
6 - LoginPage 6 + <form style>
7 + <label>Email</label>
8 + <input type="email" value onChange />
9 + <label>Password</label>
10 + <input type="password" value onChange />
11 +
12 + <button>
13 + Login
14 + </button>
15 + </form>
7 </div> 16 </div>
8 ) 17 )
9 } 18 }
......
...@@ -4,8 +4,8 @@ import './index.css'; ...@@ -4,8 +4,8 @@ import './index.css';
4 import App from './App'; 4 import App from './App';
5 import reportWebVitals from './reportWebVitals'; 5 import reportWebVitals from './reportWebVitals';
6 import { Provider } from 'react-redux' // app에 redux를 연결시켜주기 위해 redux에서 제공하는 provider 사용 6 import { Provider } from 'react-redux' // app에 redux를 연결시켜주기 위해 redux에서 제공하는 provider 사용
7 -//import { } from 'redux'; // redux에서 createStore 가져옴. 7 +import { createStore } from 'redux'; // redux에서 createStore 가져옴.
8 -import { applyMiddleware,createStore } from 'redux'; // object만 받는 store가 promise나 functions도 받기 위해 middleware을 사용함 8 +import { applyMiddleware } from 'redux'; // object만 받는 store가 promise나 functions도 받기 위해 middleware을 사용함
9 import promiseMiddleware from 'redux-promise'; 9 import promiseMiddleware from 'redux-promise';
10 import ReduxThunk from 'redux-thunk'; 10 import ReduxThunk from 'redux-thunk';
11 import Reducer from './_reducers'; 11 import Reducer from './_reducers';
......