[ 최종 QA ]: 온보딩 페이지 최종 QA를 진행합니다.

[Ivoryeee]

🔥 Related Issues

• close #issue_number

✅ 작업 리스트

• '모립세트' -> '허용서비스 리스트'로 ux 라이팅 변경
• 온보딩에서 다른 페이지로 이동 불가능하도록 변경
• 허용서비스 파비콘 깨지는 에러 수정
• 온보딩 직업군 별 추천 사이트 조회 api 연결
• 온보딩 api의 interestArea을 지정된 파라미터 형태에 맞게 변경
• 직업군 별 추천 사이트 상수 삭제

🔧 작업 내용

온보딩에서 다른 페이지로 이동 불가능하도록 변경

<aside className={`sticky top-0 flex min-h-screen w-[7.4rem] flex-shrink-0 flex-col items-center justify-between bg-gray-bg-02 pb-[2.1rem] pt-[5.4rem] 
${pathName === ROUTES_CONFIG.onboarding.path ? 'pointer-events-none' : ''}`}
>

사이드바의 경로가 온보딩에 위치할 경우 사이드바 버튼이 동작하지 않도록 pointer-events-none를 추가해 두었습니다

온보딩 api의 interestArea을 지정된 파라미터 형태에 맞게 변경

export type FieldTypeMapped = (typeof FIELDS_MAP)[FieldType];

export interface PostInterestAreaReq {
	name: string;
	colorCode: ColorPaletteType;
	interestArea: FieldTypeMapped;
	allowedSites: { favicon: string; siteName: string; pageName: string; siteUrl: string }[];
}

const handleComplete = () => {
		if (!selectedField) {
			{...}
		} else {
			postInterestArea(
				{
					allowedSites: selectedServices,
					interestArea: FIELDS_MAP[selectedField],
					name: categoryNameInput,
					colorCode: selectedColor,
				},
				{ ... },
			);
		}
	};

온보딩 API의 interestArea 파라미터가 필드 타입('비즈니스', '디자인', '마케팅', '기획', '공부', '개발', '기타') 그대로 전송되고 있었습니다.
명세서를 확인한 결과 'Business Owner/Executive', 'Designer', 'Marketer', 'PM/PO', 'Dev', 'Student', 'Others' 형태로 전송되어야 해 필드값을 매핑해 두었습니다.

🧐 새로 알게된 점

🤔 궁금한 점

📸 스크린샷 / GIF / Link

'모립세트' -> '허용서비스 리스트'로 ux 라이팅 수정

온보딩에서 다른 페이지로 이동 불가능하도록 수정

2025-05-08.11.12.37.mov

허용서비스 파비콘 깨지는 에러 수정

2025-05-08.11.12.55.mov

온보딩 직업군 별 추천 사이트 조회 api 연결

2025-05-08.11.13.16.mov

[10tacion]

고생많으셨어요~ 한서 pr 머지되면, 변경 사항 merge 하고 이번 pr 머지합시다!

[seueooo]

굿

[10tacion]

++++ 로케이션 확인 하는것 electron에서도 유효한지(useLocation) 더블 체크 필요