<aside>

✏️  Authors: Felix

🔍 Reviewers: -

✔️  Status: -

</aside>

Summary

기술 명세서가 다루는 작업에 대한 요약

• 여러 버튼 중 하나의 버튼만 클릭되는 토글 그룹 컴포넌트를 제작한다.

Requirements

기술적으로 만족해야 할 조건 및 놓쳐선 안 되는 포인트

• 토글 옵션들은 한줄로 표시된다.
• 토글 옵션이 길어지는 경우 스크롤 및 좌우 화살표 버튼으로도 탐색할 수 있다. (스크롤바는 UI상 숨기고, 휠 동작은 가능하게 한다.)
• 최초 렌더링 시 선택된 버튼이 보이도록, 스크롤을 조정한다.

Plan

브랜치, 모듈, 인터페이스, 상태 관리 전략, 데이터 흐름, 라우팅 구조, 서드 파티 라이브러리, 애니메이션, 접근성, 스켈레톤, 에러 핸들링 등

브랜치

• feat/toggle_group

모듈

• source/shared/ui/ToggleGroup

설계 방향

• 소비측에서 제어할 수 있도록, value, onChange 프롭을 제공한다.
• 소비측에서 Uncontrolled 패턴을 사용할 수 있도록, defaultValue 프롭을 제공한다.
• 브라우저에서 특정 요소가 보이도록 scrollIntoView 메소드를 사용한다.