SP-724 마이페이지에서 작성된 모집공고 정보를 확인하는 모달 구현

[SungHyun627]

💡 다음 이슈를 해결했어요.

• 마이페이지 - 작성된 모집공고 정보를 확인하는 모달 구현
• LoadingSpiner 이미지 교체

💡 이슈를 처리하면서 추가된 코드가 있어요.

🛠 모집공고 정보를 확인하는 모달 레이아웃 및 반응형 구현

🛠 모집공고 마감, 모집공고 수정 페이지 이동 기능 구현

ludo-frontend/src/Components/Modal/RecruitmentDetailModal/index.tsx

Lines 147 to 170 in 93208a0

	<ModalBtns>
	<Button
	size="fullWidth"
	onClick={(e) => {
	e.stopPropagation();
	handleModal(false);
	closeRecruitmentMutate();
	}}
	>
	모집 마감하기
	</Button>
	<Button
	size="fullWidth"
	scheme="secondary"
	onClick={(e) => {
	e.stopPropagation();
	handleModal(false);
	navigate(`/studies/${studyInfo.id}/recruitments/${recruitmentInfo.id}/edit`);
	}}
	>
	모집 공고 수정하기
	</Button>
	</ModalBtns>
	</ModalLayout>

🎬 모집공고 마감

모집공고 마감버튼을 누르면 모집공고가 마감된 후, 스터디 상태페이지로 이동하도록 구현했습니다.

🎬 모집공고 수정

모집공고 수정버튼을 누르면 해당 모집공고 수정 페이지로 이동하도록 구현했습니다.

🛠 LoadingSpiner 이미지 교체

✅ 셀프 체크리스트

• 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• 커밋 메세지를 컨벤션에 맞추었습니다.
• 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• 변경 후 코드는 기존의 테스트를 통과합니다.
• 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.

[github-actions]

💡 LightHouse Reports

🟢 90 ~ 100    🟠 50 ~ 89    🔴 0 ~ 49

🖥 Desktop

📄 메인

Category	Score
🔴 Performance	29
🟢 Accessibility	95
🟢 Best practices	96
🟢 SEO	92
🔴 First Contentful Paint	2.3 s
🔴 Largest Contentful Paint	9.7 s
🔴 Speed Index	5.6 s
🔴 Total Blocking Time	930 ms
🟢 Cumulative Layout Shift	0.017

📄 로그인

Category	Score
🟠 Performance	62
🟢 Accessibility	95
🟢 Best practices	100
🟢 SEO	92
🔴 First Contentful Paint	2.1 s
🔴 Largest Contentful Paint	9.5 s
🔴 Speed Index	2.4 s
🟢 Total Blocking Time	30 ms
🟢 Cumulative Layout Shift	0.004

📄 모집공고 모아보기

Category	Score
🟠 Performance	57
🟢 Accessibility	91
🟢 Best practices	100
🟢 SEO	92
🔴 First Contentful Paint	2.1 s
🔴 Largest Contentful Paint	9.5 s
🔴 Speed Index	12.6 s
🟢 Total Blocking Time	50 ms
🟢 Cumulative Layout Shift	0.007

📄 모집공고 상세

Category	Score
🟠 Performance	62
🟠 Accessibility	87
🟢 Best practices	96
🟠 SEO	83
🔴 First Contentful Paint	2.1 s
🔴 Largest Contentful Paint	9.5 s
🔴 Speed Index	2.5 s
🟢 Total Blocking Time	60 ms
🟢 Cumulative Layout Shift	0.012

📱 Mobile

📄 메인

Category	Score
🔴 Performance	38
🟢 Accessibility	95
🟢 Best practices	93
🟢 SEO	92
🔴 First Contentful Paint	12.8 s
🔴 Largest Contentful Paint	58.6 s
🔴 Speed Index	37.9 s
🔴 Total Blocking Time	680 ms
🟢 Cumulative Layout Shift	0.005

📄 로그인

Category	Score
🔴 Performance	44
🟢 Accessibility	95
🟢 Best practices	100
🟢 SEO	92
🔴 First Contentful Paint	12.5 s
🔴 Largest Contentful Paint	58.1 s
🔴 Speed Index	12.5 s
🟠 Total Blocking Time	450 ms
🟢 Cumulative Layout Shift	0.006

📄 모집공고 모아보기

Category	Score
🔴 Performance	36
🟢 Accessibility	91
🟠 Best practices	89
🟢 SEO	92
🔴 First Contentful Paint	12.5 s
🔴 Largest Contentful Paint	58.7 s
🔴 Speed Index	18.8 s
🔴 Total Blocking Time	810 ms
🟢 Cumulative Layout Shift	0.005

📄 모집공고 상세

Category	Score
🔴 Performance	41
🟠 Accessibility	87
🟢 Best practices	93
🟠 SEO	83
🔴 First Contentful Paint	12.5 s
🔴 Largest Contentful Paint	58.2 s
🔴 Speed Index	12.5 s
🟠 Total Blocking Time	550 ms
🟢 Cumulative Layout Shift	0.033