Feat: Signup API 흐름 연결

src/pages/signup/index.tsx

@@ -10,7 +10,7 @@ import DivideLineText from '@/components/common/divideLine/DivideLineText';
 import Input from '@/components/common/input/Input';
 import PasswordInput from '@/components/common/input/PasswordInput';
 import Button from '@/components/common/button/Button';
-import { credentialsSignupAPI } from '@/utils/api/accounts';
+import { credentialNextSignupAPI } from '@/utils/api/accounts';
 
 const Signup = () => {
   const [username, setUsername] = useState('');
@@ -21,7 +21,7 @@ const Signup = () => {
 
   const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault();
-    const signupData = await credentialsSignupAPI({
+    const signupData = await credentialNextSignupAPI({
       email, username, password, confirmPassword,
     });
 

src/utils/api/accounts.ts

@@ -1,11 +1,19 @@
 import defaultInstance from '@/utils/axiosInstance/defaultInstance';
+import clientInstance from '../axiosInstance/clientInstance';
 
 interface Credentials {
   email: string, password: string, provider: string
 }
 
+interface NextSignupForm {
+  email: string,
+  username: string,
+  password: string,
+  confirmPassword: string,
+}
+
 interface SignupForm {
-  email: string, username: string, password: string, confirmPassword: string
+  email: string, name: string, password: string,
 }
 
 interface Socials {
@@ -17,16 +25,27 @@ export const credentialsLoginAPI = async (credentials : Credentials) => {
   return result.data;
 };
 
-export const credentialsSignupAPI = async (signupForm : SignupForm) => {
-  if (signupForm.password !== signupForm.confirmPassword) {
-    // TODO: 비밀번호 일치 여부 확인 후 실패시 알려주는 UI가 필요함
-    return { error: '비밀번호를 다시 확인해주세요.' };
-  }
+export const credentialNextSignupAPI = async ({
+  email, username, password, confirmPassword,
+} : NextSignupForm) => {
+  const sendSignupData = {
+    email,
+    username,
+    password,
+    confirmPassword,
+  };
+
+  const result = await clientInstance.post('users/signup', JSON.stringify(sendSignupData));
+  return result.data;
+};
 
+export const credentialsSignupAPI = async ({
+  email, name, password,
+} : SignupForm) => {
   const sendSignupData = {
-    email: signupForm.email,
-    name: signupForm.username,
-    password: signupForm.password,
+    email,
+    name,
+    password,
     provider: 'Credential',
   };