diff --git a/src/pages/MyPage.jsx b/src/pages/MyPage.jsx
index 5f88314..73af2c1 100644
--- a/src/pages/MyPage.jsx
+++ b/src/pages/MyPage.jsx
@@ -157,6 +157,7 @@ const InputGroupLong = styled.div`
&:focus {
border: 1px solid #4a90e2;
box-shadow: none;
+ }
}
`;
@@ -169,7 +170,7 @@ const EditButton = styled.button`
cursor: pointer;
width: 200px;
margin-left: auto;
- matgin-top: auto;
+ margin-top: auto;
`;
const WarningMessage = styled.p`
@@ -302,7 +303,7 @@ export default function MyPage() {
}
};
- const onSubmit = async (data) => {
+ const onSubmit = (data) => {
setPasswordError('');
if (data.newPassword !== data.confirmPassword) {
@@ -312,26 +313,23 @@ export default function MyPage() {
const token = localStorage.getItem('accessToken');
- try {
- // 서버로 비밀번호 정보를 전송
- const response = await API.POST(`/users/${user.student_id}`, {
- body: data,
- headers: {
- 'Content-Type': 'multipart/form-data',
- Authorization: token,
- },
- });
- // console.log('서버로 전송:', response.data);
- setTimeout(() => {
+ // 서버로 비밀번호 정보를 전송
+ API.POST(`/users/${user.student_id}`, {
+ body: data,
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ Authorization: token,
+ },
+ })
+ .then(() => {
openAlert({
title: '비밀번호 변경',
content: 비밀번호가 성공적으로 변경되었습니다.,
onClose: () => closeAlert(),
});
- }, 100);
- } catch (error) {
- console.error('오류 발생:', error);
- setTimeout(() => {
+ })
+ .catch((error) => {
+ console.error('오류 발생:', error);
openAlert({
title: '비밀번호 재설정 실패',
content: (
@@ -339,43 +337,40 @@ export default function MyPage() {
),
onClose: () => closeAlert(),
});
- }, 100);
- }
+ });
};
- const handleDeleteAccount = async () => {
+ const handleDeleteAccount = () => {
const confirmDelete = window.confirm(
'계정을 삭제하면 복구할 수 없습니다. 정말로 삭제하시겠습니까?',
);
- if (confirmDelete) {
- try {
- const token = localStorage.getItem('accessToken');
- await API.DELETE(`/users/${user.student_id}`, {
- headers: {
- Authorization: token,
+ if (!confirmDelete) return;
+
+ const token = localStorage.getItem('accessToken');
+ API.DELETE(`/users/${user.student_id}`, {
+ headers: {
+ Authorization: token,
+ },
+ })
+ .then(() => {
+ openAlert({
+ title: '계정 삭제',
+ content: 계정이 성공적으로 삭제되었습니다.,
+ onClose: () => {
+ closeAlert();
+ logout();
+ navigate('/login');
},
});
- // 100ms 후 새로운 Alert 열기
- setTimeout(() => {
- openAlert({
- title: '계정 삭제',
- content: 계정이 성공적으로 삭제되었습니다.,
- onClose: () => closeAlert(),
- });
- }, 100);
- logout();
- navigate('/login');
- } catch (error) {
+ })
+ .catch((error) => {
console.error('계정 삭제 실패:', error);
- setTimeout(() => {
- openAlert({
- title: '계정 삭제 실패',
- content: 계정 삭제에 실패했습니다. 다시 시도해주세요.,
- onClose: () => closeAlert(),
- });
- }, 100);
- }
- }
+ openAlert({
+ title: '계정 삭제 실패',
+ content: 계정 삭제에 실패했습니다. 다시 시도해주세요.,
+ onClose: () => closeAlert(),
+ });
+ });
};
return (
diff --git a/src/pages/SignUp.jsx b/src/pages/SignUp.jsx
index ac57e03..567f6c2 100644
--- a/src/pages/SignUp.jsx
+++ b/src/pages/SignUp.jsx
@@ -130,45 +130,42 @@ export default function SignUp() {
const { openAlert, closeAlert, isOpen } = useAlert();
const onSubmit = async (data) => {
- try {
- const formData = {
- student_id: parseInt(data.student),
- name: data.username,
- email: data.mail,
- profile_picture: '',
- generation: data.generation,
- major: data.major,
- password: data.password,
- };
+ const formData = {
+ student_id: parseInt(data.student),
+ name: data.username,
+ email: data.mail,
+ profile_picture: '',
+ generation: data.generation,
+ major: data.major,
+ password: data.password,
+ };
- const response = await API.POST('/users/signup', { body: formData });
- // console.log('서버로 전송:', response.data.user);
- setTimeout(() => {
+ API.POST('/users/signup', { body: formData })
+ .then(() => {
openAlert({
title: '회원가입 요청 완료',
content: 회원가입 요청이 완료되었습니다!,
- onClose: () => closeAlert(),
+ onClose: () => {
+ closeAlert();
+ navigate('/');
+ },
});
- }, 100);
- navigate('/');
- } catch (error) {
- console.error('Error:', error);
- setValue('username', '');
- setValue('student', '');
- setValue('password', '');
- setValue('mail', '');
- setValue('generation', '');
- setValue('major', '');
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ setValue('username', '');
+ setValue('student', '');
+ setValue('password', '');
+ setValue('mail', '');
+ setValue('generation', '');
+ setValue('major', '');
- // 100ms 후 새로운 Alert 열기
- setTimeout(() => {
openAlert({
title: '회원가입 실패',
content: 회원가입에 실패했습니다. 다시 시도해주세요.,
onClose: () => closeAlert(),
});
- }, 100);
- }
+ });
};
return (