Skip to main content
woohyunblog
KO
August 14, 2026

Learnings

TDS Mobile components worth considering for adoption.

TDS MobileHighlight특정 영역을 강조하고 나머지 화면을 어둡게 처리해 사용자의 주목을 유도한다. (opens in a new window)TDS MobileListFooter목록 끝에서 더 보기나 추가 항목 불러오기 같은 확장 동작을 제공한다. (opens in a new window)TDS MobileListHeader목록이나 섹션 상단에 제목, 설명, 부가 액션을 일관된 구조로 배치한다. (opens in a new window)TDS MobileParagraph텍스트에 아이콘, 배지, 링크를 조합해 복합적인 문단을 구성한다. (opens in a new window)TDS MobileResult작업의 성공이나 오류 결과를 메시지, 시각 요소, 후속 액션과 함께 보여준다. (opens in a new window)TDS MobileTop페이지 상단의 텍스트, 버튼, 이미지와 여백을 하나의 레이아웃으로 구성한다. (opens in a new window)TDS MobileListRow 이해하기왼쪽, 본문, 오른쪽 영역을 조합해 다양한 형태의 리스트 항목을 만든다. (opens in a new window)TDS MobileSplitTextField고정 형식의 데이터를 여러 입력 필드로 나눠 정확하고 자연스러운 입력을 돕는다. (opens in a new window)

Graph view

Concept · Primary concept: design-systemConcept · Related concept: component-libraryConcept · Related concept: ui-componentsNote · Related content: Building UI with TDS: Where Did All That Code Go?
© 2026 woohyun