리팩토링 전

learn-redux-middleware/src/App.js

@@ -1,11 +1,10 @@
-import logo from './logo.svg';
-import './App.css';
 import CounterContainer from './containers/CounterContainer';
+import SampleContainer from './containers/SampleContainer';
 
 function App() {
   return (
 	  <div>
-	  	<CounterContainer></CounterContainer>
+		  <SampleContainer></SampleContainer>
 	  </div>
   );
 }

learn-redux-middleware/src/components/Sample.js

@@ -1,32 +1,34 @@
-const Sample = ({loadingPost, loadingUsers, post, users}) => {
-	return (
-		<div>
-			<section>
-			<h1>포스트</h1>
-			{loadingPost && '로딩 중...'}
-			{!loadingPost && post && (
-				<div>
-					<h3>{post.title}</h3>
-					<h3>{post.body}</h3>
-				</div>
-				)}
-			</section>
-			<hr/>
-			<section>
-				<h1>사용자 목록</h1>
-				{lodingUsers && '로딩 중...'}
-				{!lodingUsers && users && (
-				<ul>
-					{users.map(user => (
-						<li key = {user.id}>
-							{user.username} ({user.email})
-						</li>
-					))}
-				</ul>
-				)}
-			</section>
-		</div>
-	);
+import React from 'react';
+
+const Sample = ({ post, users, loadingPost, loadingUsers }) => {
+  return (
+    <div>
+      <section>
+        <h1>포스트</h1>
+        {loadingPost && '로딩중...'}
+        {!loadingPost && post && (
+          <div>
+            <h3>{post.title}</h3>
+            <h3>{post.body}</h3>
+          </div>
+        )}
+      </section>
+      <hr />
+      <section>
+        <h1>사용자 목록</h1>
+        {loadingUsers && '로딩중...'}
+        {!loadingUsers && users && (
+          <ul>
+            {users.map(user => (
+              <li key={user.id}>
+                {user.username} ({user.email})
+              </li>
+            ))}
+          </ul>
+        )}
+      </section>
+    </div>
+  );
 };
 
 export default Sample;

learn-redux-middleware/src/modules/sample.js

@@ -1,6 +1,6 @@
 import {handleActions} from 'redux-actions';
 import * as api from '../lib/api';
-
+// import createRequestThunk from '../lib/createRequestThunk';
 // 액션타입 선언
 // 한요청당 세 개를 만들어야한다. 
 
@@ -36,7 +36,7 @@ export const getPost = id => async dispatch => {
 export const getUsers = () => async dispatch => {
 	dispatch({type: GET_USERS}); // 요청 시작을 알림
 	try{
-		const response = await api.getUsers(id);
+		const response = await api.getUsers();
 		dispatch({
 			type: GET_USERS_SUCCESS,
 			payload: response.data