PrezelTabs 구현

[HamBeomJoon]

📌 작업 내용

SecondaryTabRow + HorizontalPager 구현

• HoriontalPager 스크롤가능한지 여부를 외부에서 받도록 했습니다.
• 탭 클릭시 탭 1개씩 이동할때는 애니메이션 on, 2개 이상 이동할때는 애니메이션 off 처리했습니다.

🧩 관련 이슈

• close PrezelTabs 구현 #34

📸 스크린샷

• Medium Size

• Small Size

📢 논의하고 싶은 내용

Summary by CodeRabbit

릴리스 노트

• 새로운 기능
  • 탭 네비게이션 디자인 시스템 컴포넌트 추가 - 배지 표시, 크기 옵션(소형/일반), 부드러운 애니메이션 지원
  • 4개의 새로운 아이콘 추가 - 편집, 잠금, 설정, 저장소 아이콘

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

디자인 시스템 핵심 모듈에 탭 컴포넌트와 아이콘 리소스를 추가합니다. PrezelTabs 컴포저블 함수는 PrezelTabItem 데이터 모델과 PrezelTabSize 열거형을 포함하며, HorizontalPager와 SecondaryTabRow를 활용하여 탭 네비게이션 기능을 제공합니다. 추가로 edit, lock, setting, storage 아이콘을 나타내는 4개의 벡터 드로어블 리소스가 추가되며, 모든 아이콘은 #6E737D 색상으로 통일된 24x24dp 크기입니다.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	제목은 주요 변경사항인 PrezelTabs 구현을 명확히 반영하고 있으나 한국어로 작성되어 있습니다.
Linked Issues check	✅ Passed	PR의 모든 변경사항이 이슈 #34의 목표인 PrezelTabs 구현 요구사항을 충족합니다.
Out of Scope Changes check	✅ Passed	4개의 아이콘 리소스 추가(ic_edit, ic_lock, ic_setting, ic_storage)는 디자인 시스템의 일부로 적절합니다.
Description check	✅ Passed	PR 설명이 템플릿의 모든 필수 섹션을 포함하고 있으며, 작업 내용, 관련 이슈, 스크린샷, 논의 내용이 적절히 구성되어 있습니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

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 and usage tips.}