# Svelte로 제작된 UI 밀도 실험

> Clean Markdown view of GeekNews topic #16045. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16045](https://news.hada.io/topic?id=16045)
- GeekNews Markdown: [https://news.hada.io/topic/16045.md](https://news.hada.io/topic/16045.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-07-28T09:50:34+09:00
- Updated: 2024-07-28T09:50:34+09:00
- Original source: [cybernetic.dev](https://cybernetic.dev/grid)
- Points: 1
- Comments: 1

## Topic Body

_No topic body._

## Comments



### Comment 27607

- Author: neo
- Created: 2024-07-28T09:50:34+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=41088013) 
- 많은 데이터를 다루는 사용자로서, iTunes에서 영감을 받아 DataTables를 사용해왔음
  - 실시간 업데이트, 다중 컬럼 안정적 정렬, 행 강조, 후행 0 감춤, 적절한 색상 사용, 24H Low/High 컬럼 그래프 등 선호
  - 수평 스크롤바가 거의 보이지 않음, 넓은 수직 스크롤바, 24H Low/High 정렬 방식, 필터링 부재 등은 단점으로 지적

- 고정 수입 거래를 위한 밀집된 UI를 Svelte로 이전하려고 함
  - React는 많은 데이터를 처리하기 어려움
  - 프로그래머와 디자이너가 모든 도메인에서 Instagram 스타일 UI를 재구성하려는 경향을 비판
  - 사용자가 프로그래머보다 높은 급여를 받는 환경에서는 단순한 UI가 제한적일 수 있음

- 테이블 스크롤바에 추가 정보를 포함시킨 점을 긍정적으로 평가
  - 헬릭스 그래프는 읽기 어렵고 주기적인 데이터에 더 적합
  - 3D 시각화는 2D 그래프 세 개로 대체하는 것이 더 효과적일 수 있음

- Windows Forms에서 DataGridView 컨트롤을 사용해 데이터 중심 금융 앱을 개발하는 것을 선호
  - 높은 밀도와 성능, 필터링, 정렬, 드래그 앤 드롭 컬럼 재정렬 및 크기 조정 가능
  - React로 유사한 UI를 작성하려는 시도는 성능 문제로 실패

- Perspective와의 비교를 제안
  - 밀도 중심의 성능, 시각화 또는 다른 요소에 대한 초점 여부 질문

- 그리드 뷰는 괜찮지만 테이블 뷰는 사용하기 어려움
  - 눈의 미세한 정렬 문제로 인해 줄을 스캔하는 데 어려움
  - 줄무늬 배경과 같은 시각적 보조 장치 필요

- 정보 밀도가 높은 인터페이스로의 회귀를 희망
  - Material Design 이후의 불필요한 공백과 여백을 비판

- 실험의 결론에 대해 궁금증 제기
  - 많은 인터랙티브 요소가 있는 경우 성능 문제가 발생할 수 있음
  - 캔버스를 사용하여 해결

- 헬릭스 차트가 멋지지만 실용성에 의문
  - 실험의 결론에 대해 궁금증 제기