getUserProfile 추가

frontend/src/components/Profile/index.js

@@ -1,5 +1,5 @@
 import { connect } from "react-redux";
-import { actionCreators as photoActions } from "redux/modules/photos";
+import { actionCreators as userActions } from "redux/modules/users";
 import Container from "./container";
 
 const mapStateToProps = (state, ownProps) => {
@@ -10,9 +10,10 @@ const mapStateToProps = (state, ownProps) => {
 }
 
 const mapDispatchToProps = (dispatch, ownProps) => {
+    const username = localStorage.getItem('username')
     return {
-        getFeed: () => {
-            dispatch(photoActions.getFeed())
+        getUserProfile: () => {
+            dispatch(userActions.getUserProfile(username))
         }
     }
 }

frontend/src/redux/modules/user.js

@@ -10,6 +10,7 @@ const FOLLOW_USER = "FOLLOW_USER";
 const UNFOLLOW_USER = "UNFOLLOW_USER";
 const SET_IMAGE_LIST = "SET_IMAGE_LIST";
 const SET_NOTIFICATION_LIST = "SET_NOTIFICATION_LIST";
+const SET_USER_PROFILE = "SET_USER_PROFILE";
 
 // action creators
 
@@ -68,6 +69,13 @@ const setNotificationList = (notificationList) => {
     }
 }
 
+const setUserProfile = (username) => {
+    return {
+        type: SET_USER_PROFILE,
+        username
+    }
+}
+
 // API actions
 
 const facebookLogin = (access_token) => {
@@ -288,6 +296,25 @@ const searchImages = (token, searchTerm) => {
             .then(json =>  json)
 }
 
+const getUserProfile = (token, username) => {
+    return (dispatch, getState) => {
+        const { user: { token } } = getState();
+        fetch(`/users/${username}/`, {
+            method: "GET",
+            headers: {
+                Authorization: `JWT ${token}`,
+            }
+        })
+        .then(response => {
+            if(response.status === 401) {
+                return 401;
+            }
+            return response.json()
+        })
+        .then(json => json)
+    }
+}
+
 // intiial state
 
 const initialState = {
@@ -410,7 +437,8 @@ const actionCreators = {
     unfollowUser,
     getExplore,
     searchByTerm,
-    getNotification
+    getNotification,
+    getUserProfile
 }
 
 export { actionCreators };