본문으로 건너뛰기
피드

위키백과를 윈도우 XP 바탕화면처럼 탐색하는 웹 실험

frontend 약 3분
vote
0
댓글
북마크

Wikipedia와 Wikimedia Commons를 윈도우 XP 스타일의 폴더·문서 UI로 탐색하게 만든 웹 프로젝트야. 기사라기보다는 프로젝트 소개에 가깝고, 카테고리 기반 정보 탐색을 데스크톱 메타포로 풀어낸 점이 재미 포인트야.

  • 1

    Wikipedia 카테고리를 폴더처럼 탐색하고, 문서는 파일처럼 열 수 있게 구성함

  • 2

    Wikimedia Commons 이미지도 카테고리 탐색기로 제공하며, 이미지를 우클릭해 바탕화면 배경으로 설정할 수 있음

  • 3

    지구를 폴더처럼 탐색하는 Geofile Explorer도 실험 중이며, 이미지 업로드와 텍스트 노트 기능을 언급함

  • Wikipedia를 윈도우 XP 바탕화면처럼 탐색하는 웹 프로젝트임

    • 카테고리는 폴더처럼 열리고, 문서는 파일처럼 열리는 식임
    • Wikipedia에 있는 거의 모든 항목을 접근 가능하게 만들었다고 설명함
    • 단, 카테고리가 없는 약 100개 정도의 페이지는 예외라고 함
  • Wikimedia Commons도 같은 방식으로 탐색할 수 있음

    • 이미지 카테고리를 폴더 탐색기처럼 둘러보는 구조임
    • 아무 이미지나 우클릭해서 데스크톱 배경으로 설정할 수 있음
    • 정보 탐색이라기보다, 공개 데이터로 만든 장난감 같은 인터페이스에 가까움
  • Geofile Explorer라는 진행 중인 실험도 붙어 있음

    • 지구를 컴퓨터 폴더처럼 탐색하는 프로젝트라고 소개함
    • 폴더에 이미지를 드래그 앤 드롭해 업로드할 수 있음
    • 우클릭해서 텍스트 노트를 작성하는 기능도 언급함
  • 영감 받은 프로젝트 목록도 꽤 노골적으로 공개돼 있음

    • Neal.fun의 Wiki Files, Depths of Wikipedia, XP.css, 여러 레트로 웹 데스크톱 프로젝트가 언급됨
    • 그래서 이 프로젝트의 재미는 완전히 새로운 기술보다, 익숙한 웹 데이터와 낡은 OS 감성을 어떻게 섞었느냐에 있음
  • 개발자 관점에서 볼 포인트는 '정보 구조를 UI 은유로 다시 번역하는 방식'임

    • Wikipedia의 카테고리 그래프는 원래 딱딱하고 링크 중심인데, 폴더 트리로 바꾸면 탐색 감각이 완전히 달라짐
    • 실무에 바로 꽂을 기술 뉴스는 아니지만, 대규모 콘텐츠 탐색 UI를 만들 때 참고할 만한 실험임

실무 적용성은 크지 않지만, 정보 구조를 완전히 다른 UI 은유로 바꾸면 익숙한 데이터도 새롭게 느껴질 수 있다는 좋은 예시야. 프론트엔드 개발자 입장에서는 레트로 UI, 대규모 공개 데이터 탐색, 장난감 같은 상호작용을 어떻게 엮는지 참고할 만함.

댓글

댓글

댓글을 불러오는 중...

frontend

타입스크립트 7.0, Go 네이티브 포팅으로 빌드가 8~12배 빨라졌다

마이크로소프트가 타입스크립트 7.0을 출시하면서 기존 자바스크립트 기반 구현을 Go로 네이티브 포팅했다. 전체 빌드는 평균 8~12배 빨라졌고, VS코드 빌드는 125.7초에서 10.6초로 줄었으며, 슬랙은 CI 타입 검사 시간을 7.5분에서 1.25분으로 낮췄다.

frontend

타입스크립트 7 공개, 고 포팅으로 빌드가 최대 10배 이상 빨라짐

마이크로소프트가 고(Go)로 네이티브 포팅한 타입스크립트 7을 공개했다. 전체 빌드는 보통 8~12배 빨라지고, VS 코드 코드베이스에서는 125.7초가 10.6초로 줄었으며, 편집기 첫 오류 표시도 17.5초에서 1.3초 미만으로 내려갔다.

frontend

“98% 지원”이 생각보다 별로 안 넉넉한 이유

브라우저 기능 지원률 98%는 얼핏 높아 보이지만, 실제 서비스에서는 2%의 사용자를 깨진 화면 앞에 세우는 숫자일 수 있다는 글이다. 특히 일반 통계와 내 서비스 방문자 분포는 다를 수 있고, 실제 사례로 어떤 사이트는 최신 중첩 CSS 기능 지원 브라우저가 방문자의 약 70%뿐이었다.

frontend

메타, AI가 읽고 쓰는 디자인 시스템 ‘Astryx’ 오픈소스로 공개

메타가 내부 디자인 시스템 Astryx를 오픈소스로 공개했다. React와 StyleX 기반의 150개 이상 접근성 지원 컴포넌트, 디자인 토큰, 테마, 템플릿, CLI를 제공하며, 특히 AI 에이전트가 컴포넌트 구조를 이해하고 UI를 생성·수정할 수 있도록 MCP 서버까지 포함한 점이 핵심이다.

frontend

shadcn/ui, 기본 컴포넌트 라이브러리를 Radix에서 Base UI로 변경

shadcn/ui가 새 프로젝트의 기본 컴포넌트 라이브러리를 Radix가 아니라 Base UI로 바꿨어. Radix 지원은 계속되지만, Base UI가 안정화됐고 주간 다운로드 600만 이상, shadcn/create 신규 프로젝트 선택 비율 2대1이라는 이유로 기본값을 바꾼 거야. 동시에 채팅 UI용 MessageScroller와 관련 컴포넌트, headless 패키지인 @shadcn/react도 공개됐어.