+ handleSingleCheck('terms')}
+ />
+
+
+
+
+ handleSingleCheck('privacy')}
+ />
+
+
+
+ {/* 선택 약관 */}
-
+
{/* 추천 멘토 섹션 */}
-
+
회원님이 관심있어 할 멘토 추천
diff --git a/src/mentorship/pages/MentorInfoView.tsx b/src/mentorship/pages/MentorInfoView.tsx index 0b54cf7..6de4b60 100644 --- a/src/mentorship/pages/MentorInfoView.tsx +++ b/src/mentorship/pages/MentorInfoView.tsx @@ -29,7 +29,7 @@ const MentorInfoView = () => { const data = await getMentorById(Number(mentorId)); setMentorData(data); } catch (err) { - console.error("멘토 상세 불러오기 실패:", err); + console.error('멘토 상세 불러오기 실패:', err); } }; @@ -37,75 +37,71 @@ const MentorInfoView = () => { }, [mentorId]); useEffect(() => { - const storedBookmark = localStorage.getItem("isBookmarked"); - setIsBookmarked(storedBookmark === "true"); + const storedBookmark = localStorage.getItem('isBookmarked'); + setIsBookmarked(storedBookmark === 'true'); }, []); const toggleBookmark = () => { const newBookmarkState = !isBookmarked; setIsBookmarked(newBookmarkState); - localStorage.setItem("isBookmarked", newBookmarkState.toString()); + localStorage.setItem('isBookmarked', newBookmarkState.toString()); }; if (!mentorData) returnLoading...
;
return (
-
-
{/* 보라색 */}
-
{/* 헤더 */}
navigate("/mentorship")}
+ onClick={() => navigate('/mentorship')}
/>
-
+
{/* 프로필 섹션 */}
-
-
{/* 자기소개 */}
- = {
- '취업 준비': 'JOB_PREPARATION',
- '면접 대비': 'INTERVIEW_PREPARATION',
- '업계 동향': 'PRACTICAL_SKILLS',
- '커리어 고민': 'PORTFOLIO',
-};
-
-// 멘토링 분야 (한글로)
-export const reverseMentoringFieldMapping: Record = Object.entries(mentoringFieldMapping).reduce((acc, [kor, eng]) => {
- acc[eng] = kor;
- return acc;
-}, {} as Record);
-
-
-
-// 요일 (영어로)
-export const dayMapping: Record = {
- '월': 'MON',
- '화': 'TUE',
- '수': 'WED',
- '목': 'THU',
- '금': 'FRI',
- '토': 'SAT',
- '일': 'SUN',
-};
-
-// 요일 (한글로)
-export const reverseDayMapping: Record = Object.entries(dayMapping).reduce((acc, [kor, eng]) => {
- acc[eng] = kor;
- return acc;
-}, {} as Record);
\ No newline at end of file
+// 매핑 로직 제거
+// 백엔드와 프론트엔드가 동일한 한국어 문자열만 주고받으므로
+// 별도의 English ↔ 한국어 매핑 로직은 더 이상 필요하지 않습니다.
+
+// 필요한 경우 아래와 같이 한국어 필드 옵션만 export하세요.
+export {
+ fieldOptions,
+ subFieldOptions,
+} from '@/global/components/JobCategories';
+
+// MentorFields 역시 한국어 문자열을 그대로 사용합니다.
+// 추가 매핑 파일은 사용되지 않습니다.
diff --git a/src/user/components/profile/mentor/MentorFields.tsx b/src/user/components/profile/mentor/MentorFields.tsx
index e8ff5ba..2ce829e 100644
--- a/src/user/components/profile/mentor/MentorFields.tsx
+++ b/src/user/components/profile/mentor/MentorFields.tsx
@@ -5,20 +5,11 @@ interface MentorFieldsProps {
onChange: (updatedData: MentorProfileData) => void;
}
-const mentoringFieldMap: Record = {
- '취업 준비': 'JOB_PREPARATION',
- '업계 동향': 'PRACTICAL_SKILLS',
- '면접 대비': 'INTERVIEW_PREPARATION',
- '커리어 고민': 'PORTFOLIO',
-};
-
const MentorFields = ({ mentorData, onChange }: MentorFieldsProps) => {
- const toggleSelection = (field: string) => {
- const fieldKey = mentoringFieldMap[field];
-
- const updatedFields = mentorData.mentoringField.includes(fieldKey)
- ? mentorData.mentoringField.filter((f) => f !== fieldKey)
- : [...mentorData.mentoringField, fieldKey];
+ const toggleSelection = (fieldTitle: string) => {
+ const updatedFields = mentorData.mentoringField.includes(fieldTitle)
+ ? mentorData.mentoringField.filter((f) => f !== fieldTitle)
+ : [...mentorData.mentoringField, fieldTitle];
onChange({
...mentorData,
@@ -38,23 +29,20 @@ const MentorFields = ({ mentorData, onChange }: MentorFieldsProps) => {
멘토링 분야를 선택해주세요!
{fields.map((field) => {
- const isSelected = mentorData.mentoringField.includes(
- mentoringFieldMap[field.title],
- );
+ const isSelected = mentorData.mentoringField.includes(field.title);
return (
diff --git a/src/user/components/profile/mentor/MentorProfile1.tsx b/src/user/components/profile/mentor/MentorProfile1.tsx
index 15ad54e..c64c13c 100644
--- a/src/user/components/profile/mentor/MentorProfile1.tsx
+++ b/src/user/components/profile/mentor/MentorProfile1.tsx
@@ -4,7 +4,7 @@ import { AuthInputBox } from '@/auth/components/AuthInputBox';
import { MentorProfileData } from '@/user/types/profileTypes';
import { uploadProfileImage } from '@/user/api/profileApi';
import {
- fieldOptions,
+ registerfieldOptions,
subFieldOptions,
} from '@/global/components/JobCategories';
@@ -24,12 +24,12 @@ const MentorProfile1 = ({
setMentorData,
onNext,
}: MentorProfile1Props) => {
- const [isUploading, setIsUploading] = useState(false); // 이미지 업로드 상태
+ const [isUploading, setIsUploading] = useState(false);
const [errorMessage, setErrorMessage] = useState(null);
const [nicknameError, setNicknameError] = useState(
undefined,
- ); // 닉네임 에러 메시지 상태 수정
- const [isNicknameValid, setIsNicknameValid] = useState(false); // 닉네임 유효성 상태 추가
+ );
+ const [isNicknameValid, setIsNicknameValid] = useState(false);
const [successMessage, setSuccessMessage] = useState(
undefined,
);
@@ -40,12 +40,10 @@ const MentorProfile1 = ({
}
}, [mentorData.nickname, nicknameError]);
- // 프로필 이미지 선택 후 API 요청하여 업로드
const handleImageUpload = async (e: React.ChangeEvent) => {
const file = e.target.files?.[0];
if (!file) return;
- // 10MB 초과 확인 (10MB = 10 * 1024 * 1024 바이트)
if (file.size > 10 * 1024 * 1024) {
setErrorMessage(
'파일 크기가 너무 큽니다.
10MB 이하의 이미지를 업로드해주세요.', @@ -55,65 +53,50 @@ const MentorProfile1 = ({ setIsUploading(true); try { - const imageUrl = await uploadProfileImage(file, 'ROLE_MENTOR'); // memberType 추가 + const imageUrl = await uploadProfileImage(file, 'ROLE_MENTOR'); setMentorData({ ...mentorData, image: { fileName: file.name, filePath: imageUrl }, }); - } catch (error) { + } catch { setErrorMessage('이미지 업로드에 실패했습니다.'); } finally { setIsUploading(false); } }; - // 닉네임 유효성 체크 const handleNicknameCheck = async () => { - const trimmedNickname = mentorData.nickname.trim(); // 공백 제거 - - console.log('검사 닉네임: ', trimmedNickname); - - if (!trimmedNickname) { + const trimmed = mentorData.nickname.trim(); + if (!trimmed) { setNicknameError('닉네임을 입력해주세요.'); setIsNicknameValid(false); - setSuccessMessage(undefined); // 닉네임 검사를 새로 시작하면 이전 성공 메시지는 초기화 + setSuccessMessage(undefined); return; } try { - const response = await axiosInstance.get( - `https://api.ringus.my/v1/members/check-nickname`, - { params: { nickname: mentorData.nickname.trim() } }, - ); - //console.log('응답 데이터:', response.data); - - if (response.data.data === false) { - // 닉네임이 이미 존재하는 경우 - setNicknameError( - response.data.message || '이미 사용 중인 닉네임입니다.', - ); + const { data } = await axiosInstance.get('/v1/members/check-nickname', { + params: { nickname: trimmed }, + }); + if (data.data === false) { + setNicknameError(data.message || '이미 사용 중인 닉네임입니다.'); setIsNicknameValid(false); - setSuccessMessage(undefined); // 성공 메시지 초기화 - } else { - // 닉네임이 사용 가능할 때 - setNicknameError(undefined); // 에러 초기화 - setSuccessMessage('닉네임이 유효합니다.'); // 성공 메시지 설정 - setIsNicknameValid(true); // 유효성 체크 성공 - } - } catch (error: any) { - if (error.response) { - setNicknameError( - error.response.data.message || '알 수 없는 오류가 발생했습니다.', - ); + setSuccessMessage(undefined); } else { - setNicknameError('네트워크 오류가 발생했습니다. 다시 시도해주세요.'); + setNicknameError(undefined); + setSuccessMessage('닉네임이 유효합니다.'); + setIsNicknameValid(true); } + } catch (err: any) { + setNicknameError( + err.response?.data?.message || + '네트워크 오류가 발생했습니다. 다시 시도해주세요.', + ); setIsNicknameValid(false); - setSuccessMessage(undefined); // 실패 시 성공 메시지 초기화 + setSuccessMessage(undefined); } }; - // 전체 입력 필드 유효성 체크 const isFormValid = mentorData.nickname.trim().length > 0 && mentorData.education.schoolName.trim().length > 0 && @@ -121,12 +104,11 @@ const MentorProfile1 = ({ mentorData.organization.name.trim().length > 0 && mentorData.organization.jobCategory.trim().length > 0 && mentorData.organization.detailedJob.trim().length > 0 && - mentorData.organization.experience !== null && + mentorData.organization.experience > 0 && isNicknameValid; return (
{
const [isModalOpen, setIsModalOpen] = useState(false);
- const daysMap: Record = {
- 월: 'MON',
- 화: 'TUE',
- 수: 'WED',
- 목: 'THU',
- 금: 'FRI',
- 토: 'SAT',
- 일: 'SUN',
- };
-
// 시작 및 종료 시간 초기값 설정
const [startHour, setStartHour] = useState(
parseInt(mentorData.timezone.startTime.split(':')[0], 10) || 8,
@@ -35,15 +25,15 @@ const MentorTime = ({ mentorData, setMentorData }: MentorTimeProps) => {
parseInt(mentorData.timezone.endTime.split(':')[1], 10) || 0,
);
- // 요일 선택
+ // 요일 선택: mentorData.timezone.days는 한국어 요일 문자열 배열
const toggleDaySelection = (day: string) => {
setMentorData((prev) => ({
...prev,
timezone: {
...prev.timezone,
- days: prev.timezone.days.includes(daysMap[day])
- ? prev.timezone.days.filter((d) => d !== daysMap[day]) // 선택 해제
- : [...prev.timezone.days, daysMap[day]], // 선택 추가
+ days: prev.timezone.days.includes(day)
+ ? prev.timezone.days.filter((d) => d !== day)
+ : [...prev.timezone.days, day],
},
}));
};
@@ -78,20 +68,23 @@ const MentorTime = ({ mentorData, setMentorData }: MentorTimeProps) => {
{/* 요일 선택 UI */}
10MB 이하의 이미지를 업로드해주세요.', @@ -55,65 +53,50 @@ const MentorProfile1 = ({ setIsUploading(true); try { - const imageUrl = await uploadProfileImage(file, 'ROLE_MENTOR'); // memberType 추가 + const imageUrl = await uploadProfileImage(file, 'ROLE_MENTOR'); setMentorData({ ...mentorData, image: { fileName: file.name, filePath: imageUrl }, }); - } catch (error) { + } catch { setErrorMessage('이미지 업로드에 실패했습니다.'); } finally { setIsUploading(false); } }; - // 닉네임 유효성 체크 const handleNicknameCheck = async () => { - const trimmedNickname = mentorData.nickname.trim(); // 공백 제거 - - console.log('검사 닉네임: ', trimmedNickname); - - if (!trimmedNickname) { + const trimmed = mentorData.nickname.trim(); + if (!trimmed) { setNicknameError('닉네임을 입력해주세요.'); setIsNicknameValid(false); - setSuccessMessage(undefined); // 닉네임 검사를 새로 시작하면 이전 성공 메시지는 초기화 + setSuccessMessage(undefined); return; } try { - const response = await axiosInstance.get( - `https://api.ringus.my/v1/members/check-nickname`, - { params: { nickname: mentorData.nickname.trim() } }, - ); - //console.log('응답 데이터:', response.data); - - if (response.data.data === false) { - // 닉네임이 이미 존재하는 경우 - setNicknameError( - response.data.message || '이미 사용 중인 닉네임입니다.', - ); + const { data } = await axiosInstance.get('/v1/members/check-nickname', { + params: { nickname: trimmed }, + }); + if (data.data === false) { + setNicknameError(data.message || '이미 사용 중인 닉네임입니다.'); setIsNicknameValid(false); - setSuccessMessage(undefined); // 성공 메시지 초기화 - } else { - // 닉네임이 사용 가능할 때 - setNicknameError(undefined); // 에러 초기화 - setSuccessMessage('닉네임이 유효합니다.'); // 성공 메시지 설정 - setIsNicknameValid(true); // 유효성 체크 성공 - } - } catch (error: any) { - if (error.response) { - setNicknameError( - error.response.data.message || '알 수 없는 오류가 발생했습니다.', - ); + setSuccessMessage(undefined); } else { - setNicknameError('네트워크 오류가 발생했습니다. 다시 시도해주세요.'); + setNicknameError(undefined); + setSuccessMessage('닉네임이 유효합니다.'); + setIsNicknameValid(true); } + } catch (err: any) { + setNicknameError( + err.response?.data?.message || + '네트워크 오류가 발생했습니다. 다시 시도해주세요.', + ); setIsNicknameValid(false); - setSuccessMessage(undefined); // 실패 시 성공 메시지 초기화 + setSuccessMessage(undefined); } }; - // 전체 입력 필드 유효성 체크 const isFormValid = mentorData.nickname.trim().length > 0 && mentorData.education.schoolName.trim().length > 0 && @@ -121,12 +104,11 @@ const MentorProfile1 = ({ mentorData.organization.name.trim().length > 0 && mentorData.organization.jobCategory.trim().length > 0 && mentorData.organization.detailedJob.trim().length > 0 && - mentorData.organization.experience !== null && + mentorData.organization.experience > 0 && isNicknameValid; return (
- {/* 상단 제목과 설명 */}
{errorMessage && (
- {/* 프로필 이미지 업로드 */}
+
+ {/* 이미지 업로드 */}
{mentorData.image?.filePath ? (
) : (
setMentorData({ ...mentorData, nickname: e.target.value })
}
@@ -189,13 +172,13 @@ const MentorProfile1 = ({
successMessage={successMessage}
/>
- {/* 학교 입력 */}
+
+ {/* 학력, 전공, 조직 */}
setMentorData({
...mentorData,
@@ -207,31 +190,24 @@ const MentorProfile1 = ({
}
/>
- {/* 전공 입력 */}
setMentorData({
...mentorData,
- education: {
- ...mentorData.education,
- major: e.target.value,
- },
+ education: { ...mentorData.education, major: e.target.value },
})
}
/>
- {/* 회사 입력 */}
setMentorData({
...mentorData,
@@ -244,47 +220,45 @@ const MentorProfile1 = ({
/>
+ {/* 직무 선택 */}
{
+ onChange={({ jobCategory, detailedJob }) => {
setMentorData({
...mentorData,
organization: {
...mentorData.organization,
- jobCategory:
- jobCategoryMapping[value.jobCategory] || value.jobCategory, // ✅ 한글 → 영어 변환
- detailedJob:
- detailedJobMapping[value.detailedJob] || value.detailedJob, // ✅ 한글 → 영어 변환
+ jobCategory,
+ detailedJob,
},
});
}}
/>
+
+ {/* 경력 선택 */}
- {/* 버튼 */}
+
+ {/* 다음 버튼 */}
) : (
@@ -173,13 +156,13 @@ const MentorProfile1 = ({
onChange={handleImageUpload}
/>
+
{/* 닉네임 입력 */}
- {/* 경력 선택 모달 */}
{
+ setExperience={(value) =>
setMentorData({
...mentorData,
- organization: {
- ...mentorData.organization,
- experience: value, // 숫자로 저장
- },
- });
- }}
+ organization: { ...mentorData.organization, experience: value },
+ })
+ }
/>
요일
- {Object.keys(daysMap).map((day) => (
-
- ))}
+ {['월', '화', '수', '목', '금', '토', '일'].map((day) => {
+ const isSelected = mentorData.timezone.days.includes(day);
+ return (
+
+ );
+ })}
{/* 시간대 */}
@@ -115,7 +108,7 @@ const MentorTime = ({ mentorData, setMentorData }: MentorTimeProps) => {
setEndHour={setEndHour}
endMinute={endMinute}
setEndMinute={setEndMinute}
- onSave={handleTimeSave} // mentorData에 저장하는 함수
+ onSave={handleTimeSave}
/>
{/* 선택 완료 버튼 */}