<aside>

✏️  Authors: Felix

🔍 Reviewers: -

✔️  Status: -

</aside>

Summary

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

• 메인 페이지 배너 컴포넌트를 구현한다.

Requirements

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

• 버튼 주위를 불빛이 돌고 있는 스타일을 구현한다.
• 단순 버튼 뿐 아닌 배너 전체가 클릭 영역이다.
• 디바이스 해상도에 따라 표시할 텍스트가 다르다.

Plan

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

브랜치

• feat/banner

모듈

• source/shared/ui/Banner

설계 방향

• 각 부위별로 주입받는 내용이 많으므로 컴파운드 패턴을 사용한다.
• 배너 클릭 시 특정 주소로 보내기 위해 링크 태그로 감싸는 형식으로 구성한다.
• 버튼 주위를 불빛이 도는 스타일은 css conic-gradient 속성을 사용해 구현한다.
• 디바이스 해상도에 따른 텍스트 변경은 컴포넌트 소비측에서 상황에 따라 주입하도록 하고, 본 컴포넌트는 자식 요소만 표시하도록 한다.