쌓인 기록에서 찾기
무엇을 찾으세요?
날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위부터 2026년 9월 11일 (금)까지270건
2건 · "WebGPU"조건 지우기 ×
001▲ 112 · 댓글 3327.4KB WebGPU 기반 범용 코드 구문 강조기 공개Vercel Labs의 Shu Ding이 gpu-lexer라는 언어 불특정 구문 강조기를 개발했다.웹 · 프론트엔드 · 27.5KB language-agnostic WebGPU syntax highlighter
27.4KB WebGPU 기반 범용 코드 구문 강조기 공개
Key Point대규모 코드 파일의 구문 강조가 필요한 개발자들에게 극도로 가볍고 빠른 대안을 제공한다.
핵심 요약
- Vercel Labs의 Shu Ding이 gpu-lexer라는 언어 불특정 구문 강조기를 개발했다.
- WebGPU 기반 작은 모델이 로컬과 파일 전체 문맥을 결합해 소스코드를 단어, 공백, 줄바꿈, 기호 등으로 분해한 뒤 각 부분의 타입을 레이블링한다.
- 학습하지 않은 언어도 주변 맥락에서 타입을 추측하도록 설계되었다.
- 번들 크기는 27.4KB로 언어별 모델이 필요한 Shiki(최대 991.5KB)나 Highlight.js(240.4KB)보다 훨씬 작다.
- 벤치마크에서 대용량 파일(5.56M 자)을 처리할 때 402ms로 다른 도구(Shiki 29.6s, Highlight.js 1.29s)보다 10배 이상 빠르다.
- 학습 데이터에 없는 파일에서 Shiki 대비 토큰 레이블 일치도는 90.35%다.
웹 · 프론트엔드 · pascalorg/editor · TypeScript
웹 기반 3D 건축 설계 에디터 Pascal 공개
Key Point웹 기술로 전문적인 3D 건축 설계 도구를 구현한 사례로, React 생태계 개발자나 WebGPU 기술에 관심 있는 개발자의 참고 자료이며, AI 에이전트 연동 기능은 LLM 기반 자동화 워크플로우의 실제 적용 사례를 보여준다.
핵심 요약
- React Three Fiber와 WebGPU로 만든 3D 건축 프로젝트 에디터로, 브라우저에서 직접 3차원 공간을 설계하고 공유할 수 있다.
- Node.js 22.13 이상이면 저장소를 복제하지 않아도 CLI로 로컬 에디터를 실행할 수 있으며, 프로젝트는 ~/.pascal/data/pascal.db에 저장된다.
- Turborepo 모노레포 구조로 viewer, editor, core, nodes 등 재사용 가능한 패키지들로 분리되어 있고, npm과 GitHub에서 모두 배포된다.
- @pascal-app/core, @pascal-app/viewer, @pascal-app/editor 등 독립적인 npm 패키지로 제공되며 React 프로젝트에 통합할 수 있다.
- Zustand 기반 상태 관리와 Zundo로 50단계 실행 취소·다시 실행을 지원하며, 씬 데이터는 IndexedDB에 자동 저장된다.
- Claude Code와 Codex 에이전트용 MCP(Model Context Protocol) 플러그인을 제공해 AI 에이전트가 로컬 에디터를 원격 제어할 수 있다.