[✨ Feature] 페이지 Title, 404 페이지, 리다이렉트 설정 #97
Description
📋 기능 설명
배포 전 SEO 및 사용자 경험 개선을 위한 페이지 메타데이터 설정 작업입니다.
- 각 페이지에 적절한
<title>태그 설정 - Header 컴포넌트의 네비게이션 링크에
href속성 추가 - 404 페이지 구현
- 루트 경로(/) 접속 시 공고 리스트 페이지로 리다이렉트
✅ 상세 요구사항
페이지 Title 설정
- 각 주요 페이지별로 의미있는 title 설정 (예: "페이지명 | 서비스명")
- SEO를 고려한 적절한 길이 (50-60자 이내) 유지
- React Helmet 또는 Next.js Head 컴포넌트 활용
Header 컴포넌트 개선
- Header 컴포넌트의 네비게이션 메뉴 항목에 올바른
href속성 추가
루트 경로 리다이렉트
-
/경로 접속 시 공고 리스트 페이지로 자동 리다이렉트 - React Router의 Navigate 또는 Next.js의 redirect 활용
- 리다이렉트 시 불필요한 깜빡임 없도록 처리
404 페이지 구현
- 404 Not Found 페이지 생성
- 사용자 친화적인 안내 메시지 작성
- 홈으로 돌아가기 버튼 구현
- 디자인 시스템에 맞는 스타일 적용
- 잘못된 URL 접근 시 404 페이지로 라우팅 처리