박민정

[fix] Fix the error: Target container is not a DOM element

...@@ -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
......
...@@ -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",
......