사용자 프로필 편집 페이지 구현

src/App.tsx

@@ -1,5 +1,11 @@
+import Profile from '@/pages/profile'
+
 function App() {
-  return <></>;
+  return (
+    <>
+      <Profile />
+    </>
+  )
 }
 
-export default App;
+export default App

src/apis/profile.ts

@@ -0,0 +1,18 @@
+import { GET_USER_PROFILE_PATH } from '@/utils/api_paths'
+import axiosInstance from './api'
+
+interface ProfileResponse extends User {}
+
+async function getProfile(id: string): Promise<ProfileResponse> {
+  try {
+    const response = await axiosInstance.get(
+      `${GET_USER_PROFILE_PATH}/${id}`
+    )
+
+    return response.data
+  } catch (error) {
+    throw new Error('Error while fetching profile')
+  }
+}
+
+export default getProfile

src/apis/updateName.ts

@@ -0,0 +1,24 @@
+import { UPDATE_MY_PROFILE_PATH } from '@/utils/api_paths'
+import axiosInstance from './api'
+
+interface Data {
+  [key: string]: string
+}
+
+interface UpdateResponse extends User {}
+
+async function updateName(data: Data): Promise<UpdateResponse> {
+  try {
+    const response = await axiosInstance.put(UPDATE_MY_PROFILE_PATH, data, {
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_TOKEN}`
+      }
+    })
+
+    return response.data
+  } catch (error) {
+    throw new Error('Error while fetching profile')
+  }
+}
+
+export default updateName

src/apis/updatePassword.ts

@@ -0,0 +1,24 @@
+import { UPDATE_MY_PASSWORD_PATH } from '@/utils/api_paths'
+import axiosInstance from './api'
+
+interface Data {
+  [key: string]: string
+}
+
+interface UpdateResponse extends User {}
+
+async function updatePassword(data: Data): Promise<UpdateResponse> {
+  try {
+    const response = await axiosInstance.put(UPDATE_MY_PASSWORD_PATH, data, {
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_TOKEN}`
+      }
+    })
+
+    return response.data
+  } catch (error) {
+    throw new Error('Error while fetching profile')
+  }
+}
+
+export default updatePassword

src/apis/uploadImage.ts

@@ -0,0 +1,22 @@
+import { UPDATE_PROFILE_IMAGE_PATH } from '@/utils/api_paths'
+import axiosInstance from './api'
+
+async function uploadImage(formData: FormData) {
+  try {
+    const response = await axiosInstance.post(
+      UPDATE_PROFILE_IMAGE_PATH,
+      formData,
+      {
+        headers: {
+          Authorization: `Bearer ${import.meta.env.VITE_TOKEN}`,
+          'Content-Type': 'multipart/form-data'
+        }
+      }
+    )
+    return response.data
+  } catch (error) {
+    throw new Error('Error while uploading image')
+  }
+}
+
+export default uploadImage