✨feat: 메인페이지 구현 및 상세페이지 초안 작성 #51

[sohyun0]

📝 작업 개요 (필수)

1. 메인페이지 구현 (맞춤공고, 전체공고) 및 공고 상세페이지 라우팅 연결
   전체공고는 정렬 및 상세필터 적용하기 클릭시 필터링된 공고 노출
   맞춤공고는 유저 프로필에 등록된 주소 기반 노출 , 없을 시 기본값 노출
2. 메인페이지 , 검색페이지, 상세페이지에 사용될 NoticeProvider 작성
   추후 커스텀 훅으로 분리될 가능성 높음 , 주석은 추후 기능 완성시 제거 예정
3. api data 중 컴포넌트에서 필요한 필드만 추출하는 평탄화 유틸함수 추가 (현재 post / notice 작성 ,notice shop 은 미작성)
4. filter 컴포넌트 외부 클릭 및 esc 작동시 닫기로직 추가
5. filter 컴포넌트 트리거 버튼에는 이미 적용된 필터갯수, 내부 헤더에는 필터링 누른 갯수(미적용) 추가
6. filter 컴포넌트에서 query로 넘길때 서버가 받는 형태로 변형하는 유틸함수 추가
7. post 컴포넌트의 href 는 상세조회 폴더구조에 맞게 수정
   /shops/{shop_id}/notices/{notice_id} api가 이러한 형태여서 폴더구조를 변경했습니다
8. 브라우저 title 일부 수정(추후 괜찮은 네이밍 있으면 말씀해주세요)
9. main 태그 relative 추가 container relative 삭제
   (과거 Container 가 Main 자리에 있었기 때문에 해당코드가 있었고 지금은 분리해서 사용하기 때문에 제거)
10. post 컴포넌트의 href 는 상세조회 폴더구조에 맞게 수정

✨ 작업 내용 (필수)

• 기능 구현
• 버그 수정
• 스타일/UI 변경
• 리팩토링
• 최적화/성능개선
• 문서 업데이트
• 기타 변경사항

📸 스크린샷

기존 디자인에서 위치가 선택되면 하단 태그로만 노출이되고 상단 리스트에는 표시가 되지않아 추가했습니다.
그리고 현재 선택된 필터 개수는 필터 모달의 헤더에, 적용된 필터 개수는 트리거 버튼에 작성되었습니다.
(동일하지 않은 이유는 적용하기를 눌러야 필터가되기 때문입니다)

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

🔗 관련 이슈

• Closes #이슈 번호
• Related to [Feature] 메인페이지(공고리스트) #51

🛠️ 후속 작업

• 현재는 과거의 공고도 노출되게 했지만 추후 데이터가 쌓인다면 (2차 작업완료 후 데이터 쌓을때) 지난공고 및 마감된 공고는 안보이도록 수정예정
• 유저 프로필 기반 맞춤공고이기 대문에 유저기능 완성 후 추가 테스트 예정
• 상세페이지에 공고 지원하기 기능 추가
• 상세하기 최근 본 공고 추가
• 공고가 없을때 UI 추가
• 스켈레톤 UI 완성 시 추가

✅ 체크리스트 (필수)

• 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
• 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
• ESLint 검사 통과
• Prettier 포맷팅 적용
• TypeScript 에러 없음
• 빌드 에러 없음

[vercel]

@sohyun0 is attempting to deploy a commit to the projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thejulge	Ready	Preview	Comment	Oct 14, 2025 1:24pm