[CHORE] 태그칩 -> 더보기 기능 추가 + 특허 상세 페이지 적합도 불일치 문제 해결

[GirimNam]

📌 작업 내용

• 태그칩 최대 3줄까지 내려오는 ux 문제 -> 화살표 버튼 추가해서 맨 처음에는 한 줄만 뜨도록 함+스크롤
• 특허 목록이랑 상세 페이지랑 적합도가 다른 문제 -> 백엔드 수정 -> 적합도 일치시킴

✅ 변경 사항

• 새로운 기능 추가
• 버그 수정
• 코드 개선 및 수정
• 문서 작성 및 업데이트
• 배포 관련 수정
• 브랜치 관련 수정
• 기타:

🔗 관련 이슈

Closes #25

🧪 체크리스트

• 제가 작성한 코드를 리뷰했습니다.
• 문서에 변경 사항을 반영했습니다.
• 새로운 경고를 생성하지 않습니다.
• 새로운 기능이나 수정 사항이 기존 테스트와 충돌하지 않음을 확인했습니다.

📸 스크린샷

💬 리뷰 요청 사항

기타

Summary by CodeRabbit

• 새로운 기능

  • 프로젝트 목록에서 화면에 맞는 태그만 우선 표시하고, 초과 태그는 “더보기”로 펼쳐볼 수 있습니다.
  • 선행기술 상세 화면에서 제공된 관련도 정보가 정확히 표시됩니다.

• 버그 수정

  • 화면 크기 변경 시 태그 표시 개수가 자동으로 조정됩니다.

• 스타일

  • 추천 영역의 모서리와 강조 텍스트 표시가 개선되었습니다.

[coderabbitai]

📝 Walkthrough

Walkthrough

선행기술 상세 페이지는 서버에서 전달된 관련도 값을 직접 사용하도록 변경되었습니다. 프로젝트 목록은 태그 줄 수를 측정해 더보기 버튼과 함께 표시하며, 추천 영역의 Tailwind 스타일도 조정되었습니다.

Changes

선행기술 관련도 처리

Layer / File(s)	Summary
관련도 계약 및 변환 로직 정리 src/types/search.type.ts, src/lib/priorArtRelevance.ts	PriorArtDetail에 relevance 필드를 추가하고 scoreToRelevance 변환 함수를 제거했습니다.
상세 페이지 관련도 연결 src/app/(main)/tech/[id]/page.tsx	상세 페이지가 rrfScore 변환 대신 detail.relevance를 관련도 라벨과 스타일 매핑에 사용합니다.

검색 목록 표시

Layer / File(s)	Summary
태그 오버플로우 측정 훅 src/hooks/useLineOverflow.ts	자식 위치와 예약 요소 너비를 측정하고 ResizeObserver로 태그 표시 개수와 오버플로우 상태를 갱신합니다.
프로젝트 태그 표시 및 추천 스타일 src/components/searchlist/ProjectList.tsx, src/components/searchlist/Recommendation.tsx	ProjectList가 가시 태그와 더보기 버튼을 조건부 렌더링하며, Recommendation의 모서리와 강조 영역 너비 클래스를 변경합니다.

Estimated code review effort: 3 (Moderate) | ~20 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Linked Issues check	⚠️ Warning	이슈 #25의 핵심인 결과 페이지 레이아웃, 페이지네이션, 모달, API 연동은 보이지 않고 태그칩/UI와 적합도 수정만 반영되었습니다.	탐색 결과 페이지 본문, 페이지네이션, 특허번호 모달, API 연동을 이슈 #25 요구사항에 맞게 구현해 주세요.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Out of Scope Changes check	✅ Passed	태그칩 더보기와 적합도 표기 일치 수정은 PR 목적과 연결되며, 명백한 무관 변경은 보이지 않습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	태그칩 더보기 기능과 특허 상세 페이지 적합도 불일치 해결이라는 핵심 변경을 정확히 요약합니다.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/analysis-api

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

✅ PREVIEW https://ipx-3gojedkjx-grnams-projects.vercel.app

[github-actions]

✅ PREVIEW https://ipx-kpv2lpxyn-grnams-projects.vercel.app