Skip to content

♻️ [Refactor] 디자인 시스템 구축: 공통 Input/Modal 컴포넌트의 UI/로직 분리 #35

@Seojegyeong

Description

@Seojegyeong

🛠️ Issue Description

  • 현재 CommonAuthInputModal 등 주요 컴포넌트들이 비즈니스 로직 및 UI 스타일이 결합되어 있음.
    이로 인해 디자인 시스템 확장성이 떨어지고 재사용이 불가능한 구조
  • 비즈니스 로직을 제거한 순수 UI 컴포넌트common 레벨로 추출하고,
    도메인 컴포넌트가 이를 합하여 사용하는 구조로 리팩토링할 예정입니다.

💭 Cause and effect

  • Cause : 인증 페이지 외(검색, 프로필 수정 등)에서 동일한 디자인의 Input을 재사용하기 어려움
  • Effect : 재사용성 높이기 및 디자인 시스템 문서화를 위함

📝 check-lists

  • 순수 UI 컴포넌트인 Input.tsx 생성
  • 순수 UI 컴포넌트인 Modal 생성
  • 순수 UI 컴포넌트 분리 및 폴더 정리 예정

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions