Refact: getCurrentUserId 함수 적용

Author: mimizae

src/pages/SignUp/index.tsx

@@ -12,6 +12,8 @@ import { StyledText } from '@/components/Text/StyledText';
 import BottomButton from '@/components/BottomButton';
 import Modal from '@/components/Modal';
 
+import { getCurrentUserId } from '@/utils/getCurrentUserId';
+
 import {
 	SignUpLayout,
 	LogoWrapper,
@@ -39,7 +41,7 @@ const SignUp: React.FC = () => {
 
 	const navigate = useNavigate();
 
-	const my_id = Number(localStorage.getItem('my_id'));
+	const current_user_id = getCurrentUserId();
 	const token = localStorage.getItem('new_jwt_token');
 
 	const handleInputChange = (field: keyof PatchUserInfoRequest) => (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -113,20 +115,20 @@ const SignUp: React.FC = () => {
 
 		if (currentStep < steps.length) {
 			setCurrentStep(currentStep + 1);
-		} else if (my_id && token) {
+		} else if (current_user_id && token) {
 			const requestData: PartialUserInfoRequest = {
 				name: formData.name,
 				nickname: formData.nickname,
 				birthDate: formData.birthDate,
 				phoneNumber: formData.phoneNumber,
 			};
-			await patchUserInfo(requestData, my_id);
+			await patchUserInfo(requestData, current_user_id);
 		}
 	};
 
-	const patchUserInfo = async (requestData: PartialUserInfoRequest, my_id: number) => {
+	const patchUserInfo = async (requestData: PartialUserInfoRequest, current_user_id: number) => {
 		try {
-			const response = await patchUserInfoApi(requestData, my_id);
+			const response = await patchUserInfoApi(requestData, current_user_id);
 			console.log('수정 성공:', response.data);
 			setModalMessage('회원가입에 성공했습니다!');
 			setIsModalOpen(true);

src/pages/TermsAgreement/index.tsx

@@ -13,6 +13,8 @@ import BottomButton from '@/components/BottomButton';
 import TopBar from '@/components/TopBar';
 import Modal from '@/components/Modal';
 
+import { getCurrentUserId } from '@/utils/getCurrentUserId';
+
 import { LogoWrapper, LogoImg } from '@/pages/SignUp/style';
 
 import { TermsAgreementLayout, StyledTitle, CheckboxList, CheckboxItem, CheckboxInput, Divider } from './styles';
@@ -22,7 +24,7 @@ const TermsAgreement: React.FC = () => {
 	const [modalMessage, setModalMessage] = useState('');
 
 	const navigate = useNavigate();
-	const my_id = Number(localStorage.getItem('my_id'));
+	const current_user_id = getCurrentUserId();
 
 	const [agreements, setAgreements] = useState({
 		all: false,
@@ -58,14 +60,14 @@ const TermsAgreement: React.FC = () => {
 
 	// 완료 버튼을 눌렀을 때 실행되는 함수
 	const handleCompletedClick = async () => {
-		if (!my_id) {
+		if (!current_user_id) {
 			setModalMessage('회원 정보가 없습니다.\n로그인 해 주세요!');
 			setIsModalOpen(true);
 			return;
 		}
 
 		try {
-			const response = await postTermsAgreementApi(my_id);
+			const response = await postTermsAgreementApi(current_user_id);
 			console.log(response);
 			navigate('/'); // 성공 시 홈으로 이동
 		} catch (error) {