Showing
3 changed files
with
15 additions
and
6 deletions
... | @@ -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'; | ... | ... |
-
Please register or login to post a comment