Showing
4 changed files
with
13 additions
and
12 deletions
... | @@ -4,7 +4,7 @@ import axios from 'axios' | ... | @@ -4,7 +4,7 @@ import axios from 'axios' |
4 | function LandingPage() { | 4 | function LandingPage() { |
5 | // 랜딩페이지에 들어오자마자 | 5 | // 랜딩페이지에 들어오자마자 |
6 | useEffect(() => { | 6 | useEffect(() => { |
7 | - axios.get('http://localhost:5000/api/hello') // get request를 서버로 보냄 (endpoint는 /api/hello) | 7 | + axios.get('/api/hello') // get request를 서버로 보냄 (endpoint는 /api/hello) |
8 | .then(response => console.log(response.data)) // 서버로부터 응답 받은 내용을 콘솔에 출력 | 8 | .then(response => console.log(response.data)) // 서버로부터 응답 받은 내용을 콘솔에 출력 |
9 | }, []) | 9 | }, []) |
10 | 10 | ... | ... |
... | @@ -4,29 +4,28 @@ import './index.css'; | ... | @@ -4,29 +4,28 @@ 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 { createStore } from 'redux'; // redux에서 createStore 가져옴. | 7 | +//import { } from 'redux'; // redux에서 createStore 가져옴. |
8 | -import { applyMiddleware } from 'redux'; // object만 받는 store가 promise나 functions도 받기 위해 middleware을 사용함 | 8 | +import { applyMiddleware,createStore } 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/index' | 11 | +import Reducer from './_reducers'; |
12 | 12 | ||
13 | import 'antd/dist/antd.css'; | 13 | import 'antd/dist/antd.css'; |
14 | 14 | ||
15 | 15 | ||
16 | -const createStoreWithMiddleware = applyMiddleware() | 16 | +const createStoreWithMiddleware = applyMiddleware(promiseMiddleware, ReduxThunk)(createStore) |
17 | 17 | ||
18 | ReactDOM.render( | 18 | ReactDOM.render( |
19 | // App에 Redux를 연결 | 19 | // App에 Redux를 연결 |
20 | <Provider | 20 | <Provider |
21 | store={createStoreWithMiddleware(Reducer, | 21 | store={createStoreWithMiddleware(Reducer, |
22 | - // chrome REDUX_DEVTOOLS extension 사용하기 위해서 | 22 | + window.__REDUX_DEVTOOLS_EXTENSION__ && |
23 | - window.__REDUX_DEVTOOLS_EXTENSIONS__ && | 23 | + window.__REDUX_DEVTOOLS_EXTENSION__() |
24 | - window.__REDUX_DEVTOOLS_EXTENSIONS__() | ||
25 | )} | 24 | )} |
26 | > | 25 | > |
27 | - | ||
28 | <App /> | 26 | <App /> |
29 | </Provider> | 27 | </Provider> |
28 | + , document.getElementById('root') | ||
30 | ); | 29 | ); |
31 | 30 | ||
32 | // If you want to start measuring performance in your app, pass a function | 31 | // If you want to start measuring performance in your app, pass a function | ... | ... |
This diff is collapsed. Click to expand it.
... | @@ -4,15 +4,17 @@ | ... | @@ -4,15 +4,17 @@ |
4 | "description": "", | 4 | "description": "", |
5 | "main": "index.js", | 5 | "main": "index.js", |
6 | "scripts": { | 6 | "scripts": { |
7 | - "start": "node index.js", | 7 | + "start": "node server/index.js", |
8 | - "backend": "nodemon index.js", | 8 | + "backend": "nodemon server/index.js", |
9 | - "test": "echo \"Error: no test specified\" && exit 1" | 9 | + "test": "echo \"Error: no test specified\" && exit 1", |
10 | + "dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\"" | ||
10 | }, | 11 | }, |
11 | "author": "mindyeoi", | 12 | "author": "mindyeoi", |
12 | "license": "ISC", | 13 | "license": "ISC", |
13 | "dependencies": { | 14 | "dependencies": { |
14 | "bcrypt": "^5.0.1", | 15 | "bcrypt": "^5.0.1", |
15 | "body-parser": "^1.19.0", | 16 | "body-parser": "^1.19.0", |
17 | + "concurrently": "^6.2.0", | ||
16 | "cookie-parser": "^1.4.5", | 18 | "cookie-parser": "^1.4.5", |
17 | "express": "^4.17.1", | 19 | "express": "^4.17.1", |
18 | "jsonwebtoken": "^8.5.1", | 20 | "jsonwebtoken": "^8.5.1", | ... | ... |
-
Please register or login to post a comment