[28기] 28기 채용 배포 확인용

[yejinleee]

📘 작업 유형

• 버그 수정 (Next.js 하이드레이션 오류 해결)
• 리팩토링 (렌더링 및 타이머 안전성 개선)
• 기능 개선 (리크루팅 상태 기반 UI 가시성 및 접근성 제어)

📑 작업리스트

작업한 목록

• 리크루팅 상태 기반 동적 UI 전환 및 가시성 제어

  • JoinSection, RecuitBtn, RecruitBanner 등 주요 컴포넌트를 실시간 상태 기반의 조건부 렌더링 방식으로 전환했습니다.

• 카운트다운 및 날짜 로직 안정화

  • 컴포넌트 언마운트 시 clearInterval을 보장하여 메모리 누수를 방지했습니다.
  • 날짜 비교 로직을 동적 함수로 캡슐화하여 상태 변화가 실시간으로 반영되도록 개선했습니다.

• Next.js 하이드레이션(Hydration) 오류 해결

  • 서버와 클라이언트의 시간 차이로 인한 UI 불일치를 막기 위해 isMounted 가드 패턴을 도입했습니다.
  • 시간 의존적 UI가 브라우저 마운트 이후에만 계산 및 렌더링되도록 처리했습니다.

🚧 특이 사항

PR을 읽을 때 살펴볼 사항

• 접근성 준수 여부 : JoinSection이나 RecuitBtn을 조건부 렌더링으로 완전히 제거한 경우는 스크린리더와 키보드에서 안전합니다. 다만, RecuitBtn 내부에서 CSS(opacity, visibility)로만 숨긴 경우 키보드 Tab으로 포커스가 가는지 수동 테스트가 필요합니다.

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 73.7%, saving 3.8 MB.

Filename	Before	After	Improvement	Visual comparison
public/assets/images/28th/banner_home_tablet.png	2.1 MB	604.4 KB	72.3%	View diff
public/assets/images/28th/banner_home_pc.png	1.6 MB	430.2 KB	73.4%	View diff
public/assets/images/28th/project_page_pc.png	607.9 KB	152.6 KB	74.9%	View diff
public/assets/images/28th/banner_home_mobile.png	291.6 KB	73.8 KB	74.7%	View diff
public/assets/images/28th/project_page_tablet.png	220.9 KB	29.0 KB	86.9%	View diff
public/assets/images/28th/news_card.png	205.3 KB	66.2 KB	67.7%	View diff
public/assets/images/28th/project_page_mo.png	98.1 KB	14.9 KB	84.8%	View diff
public/assets/images/28th/icons/service.png	2.2 KB	850 B	62.7%	View diff
public/assets/images/28th/icons/total_members.png	2.2 KB	965 B	56.6%	View diff
public/assets/images/28th/icons/running_year.png	1.9 KB	721 B	62.3%	View diff
public/assets/images/28th/icons/active_members.png	1.9 KB	780 B	59.9%	View diff
public/assets/images/28th/icons/download.png	1.6 KB	671 B	57.9%	View diff
public/assets/images/28th/icons/cohort.png	1.0 KB	474 B	55.5%	View diff

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 14%, saving 155.3 KB.

Filename	Before	After	Improvement	Visual comparison
public/assets/images/28th/banner_home_tablet.png	604.4 KB	510.3 KB	15.6%	View diff
public/assets/images/28th/banner_home_pc.png	430.2 KB	384.1 KB	10.7%	View diff
public/assets/images/28th/banner_home_mobile.png	73.8 KB	59.1 KB	19.9%	View diff
public/assets/images/28th/icons/total_members.png	965 B	862 B	10.7%	View diff
public/assets/images/28th/icons/active_members.png	780 B	702 B	10.0%	View diff
public/assets/images/28th/icons/service.png	850 B	781 B	8.1%	View diff
public/assets/images/28th/icons/running_year.png	721 B	658 B	8.7%	View diff
public/assets/images/28th/icons/cohort.png	474 B	417 B	12.0%	View diff
public/assets/images/28th/icons/download.png	671 B	620 B	7.6%	View diff

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 10.6%, saving 101.4 KB.

Filename	Before	After	Improvement	Visual comparison
public/assets/images/28th/banner_home_tablet.png	510.3 KB	449.5 KB	11.9%	View diff
public/assets/images/28th/banner_home_pc.png	384.1 KB	349.3 KB	9.1%	View diff
public/assets/images/28th/banner_home_mobile.png	59.1 KB	53.5 KB	9.6%	View diff
public/assets/images/28th/icons/total_members.png	862 B	814 B	5.6%	View diff
public/assets/images/28th/icons/service.png	781 B	737 B	5.6%	View diff
public/assets/images/28th/icons/download.png	620 B	581 B	6.3%	View diff

3 images did not require optimisation.