쌓인 기록에서 찾기
무엇을 찾으세요? 날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위 2026년 8월 13일 (목) 부터 2026년 9월 11일 (금)까지 270건
21건 · "브라우저"조건 지우기 ×
001 21:11 당일 +1,762 공개 데이터로 만든 실시간 위성 시뮬레이터 브라우저에서 실행되는 3D 지구 위성 시뮬레이터로, 실제 공개 데이터를 활용해 항공기·선박·위성·지진·교통 정보를 실시간으로 추적할 수 있다. 웹 · 프론트엔드 · bilawalsidhu/gods-eye-view · JavaScript
공개 데이터로 만든 실시간 위성 시뮬레이터 Key Point 공개 데이터만으로 만든 실제 감시 위성 인터페이스로, 기존 지도 앱의 차원을 넘은 실시간 지구 인텔리전스 도구다.
핵심 요약
브라우저에서 실행되는 3D 지구 위성 시뮬레이터로, 실제 공개 데이터를 활용해 항공기·선박·위성·지진·교통 정보를 실시간으로 추적할 수 있다. 음성 제어 AI 에이전트가 지원되며, 영상 주석 기능으로 경계선·표시·경로를 말로 직접 그릴 수 있다. API 키 없이 시작 가능하며, Pinokio 또는 Node.js 24.x 이상에서 로컬로 실행된다. GLSL 센서로 열화상·야간투시·흑백 등 6가지 화면 필터를 제공하고, 군사 HUD와 탐지 오버레이 같은 전술 디스플레이를 지원한다. 항공기 모델 스왑, 콕핏 뷰, 250km 반경 접촉점 목록, 장면 감독 모드로 시네마틱 투어 캡처가 가능하다. 유튜브 시리즈(500만 조회) 기반의 오픈소스 프로젝트로, 모든 코드가 검사 및 확장 가능하다. 002 21:11 ▲ 101 · 댓글 34 5달러 ESP32를 멀티 프로토콜 하드웨어 워크벤치로 변신 ESP32 Bit Pirate는 ESP32-S3 보드를 I2C, SPI, UART, GPIO, 무선(Wi-Fi, BLE, Sub-GHz, LoRa) 등 다중 프로토콜을 지원하는 하드웨어 디버깅 워크벤치로 변환하는 오픈소스 펌웨어 및 생태계다. 하드웨어 · 시스템 · ESP32 Bit Pirate Hardware Hacking Kit with Web Tools That Speaks Every Protocol
5달러 ESP32를 멀티 프로토콜 하드웨어 워크벤치로 변신 Key Point 하드웨어 개발과 임베디드 디버깅 시 복잡한 장비 대신 저가 ESP32 보드 하나로 다양한 프로토콜을 브라우저에서 직접 다룰 수 있어, 개발 효율성이 크게 향상된다.
핵심 요약
ESP32 Bit Pirate는 ESP32-S3 보드를 I2C, SPI, UART, GPIO, 무선(Wi-Fi, BLE, Sub-GHz, LoRa) 등 다중 프로토콜을 지원하는 하드웨어 디버깅 워크벤치로 변환하는 오픈소스 펌웨어 및 생태계다. C++ 펌웨어, 브라우저 기반 웹 도구(Web Flasher, Web Serial 터미널), Python 자동화 스크립팅, 실습 가이드(Recipes)와 위키 문서를 포함한다. 브라우저에서 직접 펌웨어를 플래시할 수 있으며, USB 시리얼, Wi-Fi를 통한 CLI 접근, 웹 브라우저 기반 터미널 세 가지 방식으로 사용 가능하다. ESP32 보드 플래싱, SPI 플래시 메모리 읽기·쓰기, AVR/STM32 대상 프로그래밍, SUMP 로직 분석기 캡처, BPIO2 GPIO/I2C/SPI 제어 등 데스크톱 도구 대체 기능을 제공한다. Cardputer, S3 DevKit, T-Embed, T-Display, StampS3, XIAO ESP32-S3 등 여러 ESP32-S3 보드를 지원하며, 추가 하드웨어 도킹 및 어댑터(1.8V~5V 레벨 변환)를 통해 확장 가능하다. 003 09:10 ▲ 164 · 댓글 22 GNU Radio, 브라우저에서 바로 실행된다 GNU Radio Companion 스타일의 플로우그래프 에디터와 런타임이 브라우저 탭에서 완전히 작동한다. 웹 · 프론트엔드 · GNU Radio in the browser
GNU Radio, 브라우저에서 바로 실행된다 Key Point 개발 환경 설치 없이 브라우저에서 복잡한 신호 처리 애플리케이션을 개발하고 테스트할 수 있어, SDR 개발의 접근성을 크게 낮춘다.
핵심 요약
GNU Radio Companion 스타일의 플로우그래프 에디터와 런타임이 브라우저 탭에서 완전히 작동한다. GNU Radio DSP 스택과 Qt GUI 싱크가 WebAssembly로 컴파일되어 Python, 별도 설치, 서버 없이 소프트웨어 정의 라디오를 구축하고 실행할 수 있다. 실시간 스펙트럼, 워터폴, 콘스텔레이션 플롯을 시각화하며, 네이티브 GNU Radio와 같은 .grc 파일을 읽고 쓴다. 예제 플로우그래프와 IQ 레코딩을 포함하며, WebUSB로 RTL-SDR, PlutoSDR, HackRF 같은 소프트웨어 정의 라디오 장비를 연결할 수 있다. 004 03:10 당일 +158 Rust로 만든 오픈소스 CAD, 데스크톱과 웹에서 DWG/DXF 지원 Rust 기반 크로스플랫폼 CAD 애플리케이션으로 2D 드래프팅과 3D 모델링을 모두 지원한다. 오픈소스 · 도구 · HakanSeven12/OpenCADStudio · Rust
Rust로 만든 오픈소스 CAD, 데스크톱과 웹에서 DWG/DXF 지원 Key Point AutoCAD 같은 고가 CAD 소프트웨어의 오픈소스 대안으로, 기술 드로잉이 필요한 개발자와 엔지니어에게 무료로 DWG/DXF 호환성을 제공한다.
핵심 요약
Rust 기반 크로스플랫폼 CAD 애플리케이션으로 2D 드래프팅과 3D 모델링을 모두 지원한다. DWG와 DXF 파일을 변환 없이 직접 읽고 쓸 수 있으며, 데스크톱과 브라우저 버전이 동일한 편집 핵심을 공유한다. GPU 가속 렌더링, 정밀한 2D 작도 도구(스플라인, 해치, 레이어), 3D 모델링(불린 연산, 로프트 등), 문서화 도구를 갖춘다. 웹 앱은 설치 없이 즉시 사용 가능하며, 데스크톱 앱은 Windows/Linux/macOS(Apple Silicon)를 지원하고 PDF 출력, 플러그인, 명령어 스크립트를 제공한다. STL/STEP 포맷 내보내기, OBJ/LandXML 임포트, CSV 추출 등 다양한 파일 포맷을 지원하고 21개 인터페이스 언어를 포함한다. 헤드리스 변환, 자동화 서버, AI 애플리케이션용 MCP 엔드포인트로 자동화 워크플로우를 제공한다. 005 21:11 당일 +102 구글, AI 기반 파일 타입 감지 도구 'Magika' 오픈소스화 구글이 개발한 파일 타입 감지 도구 Magika를 공개했으며, 딥러닝 기반 모델로 약 99% 정확도를 달성한다. 보안 · google/magika · Rust
구글, AI 기반 파일 타입 감지 도구 'Magika' 오픈소스화 Key Point 기존 파일 형식 감지 도구의 한계(낮은 정확도, 느린 속도)를 AI로 개선하면서도 경량화(수 MB)를 달성한 솔루션이 오픈소스로 공개되어 보안 및 콘텐츠 분석 도구 개발에 활용할 수 있다.
핵심 요약
구글이 개발한 파일 타입 감지 도구 Magika를 공개했으며, 딥러닝 기반 모델로 약 99% 정확도를 달성한다. 약 100만 개 샘플의 200개 이상 콘텐츠 타입으로 학습되었으며, 파일 크기와 무관하게 평균 5ms 내 분석을 완료한다. Rust 명령줄 도구, Python API, JavaScript/TypeScript, Go 바인딩으로 제공되며, 모델 로드 후 CPU만으로도 동작한다. Gmail, Drive, Safe Browsing의 보안 스캐닝에 사용 중이며, VirusTotal과 abuse.ch에도 통합되어 있다. 높음·중간·낮음 신뢰도 모드로 오류 허용도를 조절할 수 있고, 웹 데모로 설치 없이 브라우저에서 테스트 가능하다. Apache 2.0 라이선스로 배포되며, 공식 구글 프로젝트는 아니다. 006 21:11 당일 +112 AI 에이전트용 브라우저 자동화 CLI 'agent-browser' 오픈소스 공개 Vercel Labs가 Rust로 개발한 AI 에이전트 전용 브라우저 자동화 CLI 'agent-browser'를 공개했다. 오픈소스 · 도구 · vercel-labs/agent-browser · Rust
AI 에이전트용 브라우저 자동화 CLI 'agent-browser' 오픈소스 공개 Key Point AI 에이전트의 브라우저 자동화 작업에 최적화된 별도 도구가 등장해, 기존 Playwright·Puppeteer보다 가볍고 빠른 선택지를 제공한다.
핵심 요약
Vercel Labs가 Rust로 개발한 AI 에이전트 전용 브라우저 자동화 CLI 'agent-browser'를 공개했다. npm, Homebrew, Cargo 등 다양한 설치 방식을 지원하며 Node.js와 Playwright 설치 없이 독립 실행된다. 의미론적 위치 찾기(Semantic Locators), 요소 클릭·입력·대기 등 기본 자동화 명령과 함께 WebMCP 도구를 기본 지원한다. 배치 실행으로 여러 명령을 한 번에 수행해 프로세스 시작 오버헤드를 줄일 수 있고, 탭·윈도우·쿠키·네트워크 제어 등 상세한 브라우저 조작이 가능하다. Chrome for Testing에서 자동으로 브라우저를 다운로드하고, 기존 Chrome·Brave·Playwright 설치를 자동 감지한다. 007 21:11 당일 +329 DHH가 만든 아름다운 리눅스 배포판 'Omarchy' 공개 DHH가 개발한 Omarchy는 아름답고 현대적이며 의견이 담긴 리눅스 배포판이다. 오픈소스 · 도구 · omacom/omarchy · Shell
DHH가 만든 아름다운 리눅스 배포판 'Omarchy' 공개 Key Point 기술 커뮤니티 주요 인물이 오피니언이 담긴 리눅스 배포판을 새로 출시했으며, 사전 구성된 개발 도구와 생산성 기능으로 새로운 접근을 시도하고 있다.
핵심 요약
DHH가 개발한 Omarchy는 아름답고 현대적이며 의견이 담긴 리눅스 배포판이다. 터미널, Neovim, AI 도구, 개발 환경부터 브라우저, 게임까지 다양한 애플리케이션을 사전에 구성해 제공한다. 통합 클립보드, 음성 받아쓰기, 텍스트 추출, 스크린샷 녹화 등 생산성 기능을 기본으로 탑재했다. 매뉴얼에는 기본 사용법부터 설정, 테마 커스터마이징, 듀얼 부팅, 보안까지 50개 항목으로 상세히 설명되어 있다. MIT 라이선스로 공개되며 omarchy.org와 learn.omacom.io에서 추가 정보를 확인할 수 있다. 008 11:10 당일 +705 AI 에이전트가 웹브라우저를 조작하는 오픈소스 프레임워크 Browser Use는 AI 에이전트가 인간처럼 웹브라우저를 조작할 수 있게 해주는 Python 라이브러리다. AI · 머신러닝 · browser-use/browser-use · Python
AI 에이전트가 웹브라우저를 조작하는 오픈소스 프레임워크 Key Point 웹 자동화 업무가 많은 개발자와 기업에게 AI 에이전트 활용의 새로운 길을 열어주며, 기존 자동화 도구보다 훨씬 유연한 방식을 제시한다.
핵심 요약
Browser Use는 AI 에이전트가 인간처럼 웹브라우저를 조작할 수 있게 해주는 Python 라이브러리다. 폼 작성, 데이터 추출, 작업 자동화 등 웹 태스크를 자연어로 명령하면 에이전트가 자동으로 수행한다. 오픈소스 버전은 무료이며 자신의 LLM을 선택해 커스터마이징할 수 있다. 클라우드 기반 호스팅 버전도 제공되며, Browser Use는 Odysseys 벤치마크에서 87.4%의 정확도로 1위를 기록했다. Python 라이브러리, CLI, 에이전트 통합 등 다양한 방식으로 사용 가능하며 Gmail, Slack, Notion 등 1000개 이상의 통합을 지원한다. 009 11:10 당일 +272 AI 코딩 에이전트를 위한 디자인 언어 'Impeccable' 공개 Anthropic의 frontend-design 기초에서 출발한 디자인 스킬 'Impeccable'을 공개했습니다. AI · 머신러닝 · pbakaus/impeccable · JavaScript
AI 코딩 에이전트를 위한 디자인 언어 'Impeccable' 공개 Key Point AI 코딩 에이전트가 생성하는 프론트엔드 디자인의 반복적이고 단조로운 패턴을 구조적으로 개선하는 툴이 필요한 개발팀에게 실질적인 솔루션을 제공합니다.
핵심 요약
Anthropic의 frontend-design 기초에서 출발한 디자인 스킬 'Impeccable'을 공개했습니다. 23개의 명령어(`init`, `craft`, `audit`, `polish`, `animate` 등)로 AI에게 디자인 작업의 공통 언어를 제공합니다. 설정 시 PRODUCT.md에 제품의 타겟 사용자, 목적, 제약사항, 톤앤매너 등 지속 가능한 정보를 기록해 일관성 있는 디자인을 유도합니다. 61개의 결정론적 규칙과 LLM 검증으로 흔한 AI 디자인 패턴(Inter 폰트, 보라색-파랑 그래디언트, 과도한 카드 중첩 등)을 방지합니다. CLI 및 브라우저 확장에서 실행되며 npx 설치, Git, 수동 설치 등 다양한 방법을 지원하고 Claude Code, Cursor, Codex 등 주요 AI 코딩 도구와 통합됩니다. 010 11:10 ▲ 240 · 댓글 117 구글 reCAPTCHA, Firefox 사용자 차단 문제 보고 Linux Firefox에서 archive.is 접속 시 Google reCAPTCHA 무한 루프가 발생하고 있다. 웹 · 프론트엔드 · Ask HN: Are others seeing Google's reCAPTCHA rejecting Firefox users?
구글 reCAPTCHA, Firefox 사용자 차단 문제 보고 Key Point 웹 접근성과 브라우저 중립성 문제로, Google의 검증 서비스가 특정 브라우저를 사실상 배제하는 동작을 보인다면 개발자 커뮤니티에 영향을 줄 수 있는 사안이다.
핵심 요약
Linux Firefox에서 archive.is 접속 시 Google reCAPTCHA 무한 루프가 발생하고 있다. 문제는 오늘 처음 나타났으며, Firefox 엄격 모드에서도 동일하게 발생한다. Privacy Badger 비활성화와 프라이빗 브라우징 모드 시도에도 해결되지 않았다. 사용자들은 이것이 광고 차단 및 비Chrome 브라우저 대한 Google의 의도적 조치일 수 있다고 의문을 제기하고 있다. 011 11:10 ▲ 277 · 댓글 79 라디버드 브라우저 8월 업데이트, 트위치·유튜브 영상 재생 지원 Twitch 적응형 영상과 YouTube의 AV1·AVC·HEVC·AAC 코덱을 지원하며, H.264와 HEVC 등 여러 영상 포맷을 이제 재생할 수 있다. 웹 · 프론트엔드 · This Month in Ladybird – August 2026
라디버드 브라우저 8월 업데이트, 트위치·유튜브 영상 재생 지원 Key Point 오픈소스 웹 브라우저로 주요 동영상 스트리밍 서비스를 지원하기 시작했으며, 성능 개선과 개발자 도구 확충으로 실제 사용 가능성이 높아지고 있다.
핵심 요약
Twitch 적응형 영상과 YouTube의 AV1·AVC·HEVC·AAC 코덱을 지원하며, H.264와 HEVC 등 여러 영상 포맷을 이제 재생할 수 있다. CSS scroll snap, JavaScript DevTools 디버깅, 다운로드 일시정지/재개, 세션 복구 기능을 추가했다. 새 스타일 엔진 개발, 레이아웃 캐싱, CSS 애니메이션 메인 스레드 오프로드로 성능을 중점 개선했다. CSS 파싱과 페인팅 파이프라인을 Rust로 이전하고, JavaScript 값의 셀 포인터에 caging을 적용했다. ChatGPT, VS Code, iCloud, Outlook 등 주요 사이트의 렌더링 문제를 수정했으며, 3D 변환과 RTL 텍스트 처리를 개선했다. 012 08:12 당일 +411 가입 없이 쓸 수 있는 오픈소스 도구 모음 회원가입·이메일·추적 없이 브라우저에서 바로 쓸 수 있는 오픈소스 도구들을 모아둔 React 프로젝트다. 오픈소스 · 도구 · BraveOPotato/FckSignups · TypeScript
가입 없이 쓸 수 있는 오픈소스 도구 모음 Key Point 폐쇄적인 서비스 가입 절차에 지친 개발자들을 위해 즉시 사용 가능한 신뢰할 수 있는 오픈소스 도구를 한곳에서 찾을 수 있는 허브를 제공한다.
핵심 요약
회원가입·이메일·추적 없이 브라우저에서 바로 쓸 수 있는 오픈소스 도구들을 모아둔 React 프로젝트다. 생산성, 디자인, 개발, 문서 작성, 보안, 유틸리티, 데이터 분석, 미디어, 교육 등 9개 카테고리로 200개 이상의 도구를 정리했다. 각 도구는 고유 ID, 이름, 한 문장 설명, 직접 링크, 카테고리, 태그 정보를 포함한 스키마로 관리된다. 기여 시 도구는 반드시 회원가입 없이 작동해야 하며, 설명은 140자 이내, 태그는 3~5개여야 한다. GPL-3.0 라이선스로 공개되며, 포함된 도구들은 각자의 라이선스를 유지한다. 013 08:12 당일 +451 AI 에이전트용 은폐 브라우저, Cloudflare 우회 가능 Firefox 기반 Camoufox를 REST API로 래핑한 헤드리스 브라우저 서버로, Puppeteer/Playwright의 drop-in 대체재이다. AI · 머신러닝 · jo-inc/camofox-browser · JavaScript
AI 에이전트용 은폐 브라우저, Cloudflare 우회 가능 Key Point AI 에이전트가 웹 스크래핑 시 만나는 봇 탐지 우회를 C++ 레벨에서 근본적으로 해결하는 도구이며, 기존 스텔스 플러그인의 한계를 넘는 방식이다.
핵심 요약
Firefox 기반 Camoufox를 REST API로 래핑한 헤드리스 브라우저 서버로, Puppeteer/Playwright의 drop-in 대체재이다. C++ 레벨에서 하드웨어 동시성, WebGL 렌더러, AudioContext, 화면 기하학, WebRTC 등을 스푸핑하여 Google, Cloudflare, 봇 탐지 우회를 목표로 한다. 접근성 스냅샷(원본 HTML 대비 90% 더 작음), 안정적인 요소 참조(e1, e2, e3), 검색 매크로 등으로 토큰 효율성을 갖춘다. 유휴 상태에서 약 40MB 메모리만 사용하며 Raspberry Pi부터 VPS까지 어디서나 실행 가능하고, Docker와 Fly.io로도 배포 가능하다. YouTube 자막 추출, 쿠키 가져오기, 파일 업로드, 주거용 프록시 라우팅, 브라우저 다운로드 캡처 등의 기능을 제공한다. VNC를 통한 인터랙티브 로그인과 선택적 세션 추적(스크린샷, DOM 스냅샷, 네트워크) 기능이 있으며, GitHub Issues를 통한 익명화된 충돌 원격 분석이 기본 활성화되어 있다. 014 08:12 ▲ 484 · 댓글 121 90년대 인증기관의 512비트 RSA 키 인수분해에 성공 저자가 1990년대 넷스케이프 브라우저에 내장된 E-Certify 인증기관의 512비트 RSA 공개키 2개를 인수분해했다. 보안 · I've factored the RSA keys of a Certificate Authority from the 90s
90년대 인증기관의 512비트 RSA 키 인수분해에 성공 Key Point 웹 PKI 초기 시대에 실제로 배포된 암호화 키가 현재 기술로 몇십 시간 내에 깨질 수 있음을 보여주며, 과거 인증 인프라의 보안 수준을 실증적으로 조명한다.
핵심 요약
저자가 1990년대 넷스케이프 브라우저에 내장된 E-Certify 인증기관의 512비트 RSA 공개키 2개를 인수분해했다. Ryzen 9 5950X 데스크톱에서 CADO-NFS 도구를 사용해 SSL용 키는 32시간, S/MIME용 키는 29시간에 걸려 개인키를 복원했다. 1999년 3월 넷스케이프 4.51이 배포한 이 512비트 키는 당시에도 너무 약했고, 실제로 같은 해 RSA-155가 인수분해됐다. 넷스케이프는 2002년에 E-Certify 루트를 제거했으나, 2003년 10월 이전 날짜로 설정된 넷스케이프 4.51에서는 이 개인키로 인증서를 발급할 수 있다. 저자는 Go로 구식 TLS 서버를 만들어 e-certify.fly.dev에 공개 테스트 사이트를 호스팅 중이며, 모든 도구와 키를 깃허브 저장소에 공개했다. 015 08:12 ▲ 227 · 댓글 79 웹 역사 속에 남겨진 '레거시 HTML' 유물들 브라우저 전쟁 시대 IE 호환성 강제를 위해 쓰인 X-UA-Compatible, Chrome Frame 플러그인을 지원하는 meta 태그 등이 현재는 쓸모없는 HTML 조각으로 남아 있다. 웹 · 프론트엔드 · Antiquated HTML Snippets and Artefacts
웹 역사 속에 남겨진 '레거시 HTML' 유물들 Key Point 웹 개발자라면 레거시 코드 유지보수 시 여전히 마주치는 이 HTML 패턴들의 원래 목적과 당시 기술 환경을 이해하면, 낡은 코드를 정리할지 유지할지 판단하는 기준이 생긴다.
핵심 요약
브라우저 전쟁 시대 IE 호환성 강제를 위해 쓰인 X-UA-Compatible, Chrome Frame 플러그인을 지원하는 meta 태그 등이 현재는 쓸모없는 HTML 조각으로 남아 있다. GeoURL 서비스를 위한 ICBM 지표, MS의 자동 링크 생성 기능 Smart Tags를 막기 위한 메타 태그, W3C의 콘텐츠 분류 표준 PICS 등이 각각의 시대 배경을 반영하고 있다. 조건부 주석(IE 전용, Netscape 전용)은 특정 브라우저에만 코드를 실행시키기 위해 고안되었으며, 슬라이드 전환 효과를 위한 Interpage Transitions 태그도 오늘날의 View Transition API로 대체되었다. 이들 HTML 조각들은 제3자 통합, 벤더 확장, 브라우저 경쟁이라는 구체적 역사적 필요에 의해 생겨났다가 환경 변화로 잊혀 과거 웹사이트 마크업에만 남아 있다. 016 08:12 ▲ 131 · 댓글 22 트랜스포머 모델의 어텐션 메커니즘을 시각화하다 트랜스포머 기반 LLM이 다음 토큰을 생성할 때 과거 토큰들로부터 얼마나 정보를 가져오는지 보여주는 인터랙티브 시각화 도구를 만들었다. AI · 머신러닝 · Show HN: LLM Attention Visualization
트랜스포머 모델의 어텐션 메커니즘을 시각화하다 Key Point LLM이 토큰을 생성할 때 어떤 과거 정보를 참고하는지 처음으로 직관적으로 볼 수 있어, 언어 모델의 동작 원리를 이해하는 데 도움이 된다.
핵심 요약
트랜스포머 기반 LLM이 다음 토큰을 생성할 때 과거 토큰들로부터 얼마나 정보를 가져오는지 보여주는 인터랙티브 시각화 도구를 만들었다. 생성된 각 토큰을 클릭하면 영향을 미친 이전 토큰들이 투명도로 표시되며, 모든 어텐션 헤드와 레이어의 가중치를 집계하고 값 벡터 크기로 조정한 결과다. 예제에서 주소와 날짜처럼 그대로 복사되는 텍스트는 원본 데이터에서 높은 어텐션을 받으며, 작은 모델도 전체 함수 코드를 정확히 재현할 수 있는 이유를 보여준다. 구현은 Transformers.js로 만든 React 앱이지만, 어텐션 데이터를 추출하기 위해 맞춤형 생성 루프를 직접 구현했다. ONNX 파일의 내부 값에 접근하기 어려워 ONNX 파일을 수정해 필요한 데이터를 노출시키고, 이를 Hugging Face 저장소에 올려 브라우저에서 사용한다. 017 08:12 ▲ 117 · 댓글 68 AI 모델 10가지, Three.js 코딩 작업으로 벤치마크 비교 GLM 5.3 Flash Max가 가장 빠르고 저렴했으며, 9분 내 3D 씬 생성을 완료했다. AI · 머신러닝 · I tested 10 model/harness combinations on the same Three.js task
AI 모델 10가지, Three.js 코딩 작업으로 벤치마크 비교 Key Point Three.js 같은 복잡한 프론트엔드 작업에서 모델별 성능과 비용 효율이 크게 달라지므로, 개발자가 선택할 때 참고할 수 있는 실제 측정 데이터가 제공된다.
핵심 요약
GLM 5.3 Flash Max가 가장 빠르고 저렴했으며, 9분 내 3D 씬 생성을 완료했다. 같은 프롬프트로 다양한 모델(Qwen, Luna, Sol, Astra)과 프레임워크(Codex, OpenCodeOpen 등)를 조합해 성능을 측정했다. 처리 시간은 8분부터 41분까지 편차가 컸고, 생성된 토큰 수는 모델마다 크게 달랐다. 총 비용(OpenRouter 환율 기준)은 GLM 5.3이 약 $0.015로 가장 저렴했고, Astra 6.0은 약 $4.04로 가장 비쌌다. 캐시 활용도는 대부분 78~95% 범위였고, 일부 모델은 도구 호출 오류가 발생했거나 브라우저에서 결과물을 열지 못했다. 018 08:12 ▲ 358 · 댓글 200 웹어셈블리로 보트 차단, 1년 개발한 Anubis AI 업체의 공격적인 웹 스크래핑으로부터 서버를 보호하기 위해 Anubis라는 도구를 개발했다. 보안 · It took a year to ship WebAssembly in Anubis
웹어셈블리로 보트 차단, 1년 개발한 Anubis Key Point 웹사이트 다운타임을 야기하는 AI 스크래핑 문제에 대한 기술적 대응 방식을 보여주며, 개별 사용자 경험과 대규모 악의적 접근을 구분하는 새로운 접근법을 제시합니다.
핵심 요약
AI 업체의 공격적인 웹 스크래핑으로부터 서버를 보호하기 위해 Anubis라는 도구를 개발했다. 해시캐시 방식의 작업증명(PoW) 챌린지를 사용해 개별 사용자에게는 무시할 수 있는 수준의 부하를 주지만, 대규모 스크래퍼에게는 비용을 크게 증가시킨다. 현재는 임시 해결책이며, 향후 헤드리스 브라우저를 탐지해 정상 사용자에게는 챌린지를 표시하지 않을 계획이다. 최신 자바스크립트 기능을 사용하므로 JShelter 같은 보안 플러그인을 비활성화해야 한다. 019 08:12 당일 +107 웹 기반 3D 건축 설계 에디터 Pascal 공개 React Three Fiber와 WebGPU로 만든 3D 건축 프로젝트 에디터로, 브라우저에서 직접 3차원 공간을 설계하고 공유할 수 있다. 웹 · 프론트엔드 · 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 에이전트가 로컬 에디터를 원격 제어할 수 있다. 020 20:31 ▲ 575 · 댓글 207 Zed의 Delta, AI와 협업하는 멀티플레이어 코딩 환경 공개 Zed가 개발한 Delta는 AI 에이전트와 함께 코딩하고 검토할 수 있는 멀티플레이어 환경으로, 코드와 대화를 실시간으로 동기화하는 DeltaDB를 탑재했다. 웹 · 프론트엔드 · Delta
Zed의 Delta, AI와 협업하는 멀티플레이어 코딩 환경 공개 Key Point 개발자 커뮤니티에서 AI 에이전트와의 협업 개발이 새로운 표준이 되는 시점에 기존 개발 도구의 한계를 직접 해결한 혁신적 접근이 주목받고 있다.
핵심 요약
Zed가 개발한 Delta는 AI 에이전트와 함께 코딩하고 검토할 수 있는 멀티플레이어 환경으로, 코드와 대화를 실시간으로 동기화하는 DeltaDB를 탑재했다. 주석은 코드의 변화에 따라 자동으로 갱신되며 모든 참여자가 동일한 맥락을 공유하고, 팀원이 코드 변경 여부를 걱정하지 않고 작업을 이어받을 수 있다. 클라우드 실행, 브라우저 접근, Claude Code 연동 등을 지원하며 WebAssembly로 컴파일된 네이티브 애플리케이션을 웹에서도 동일하게 제공한다. 021 20:31 ▲ 316 · 댓글 66 Chrome이 작은 JPEG 이미지를 다르게 렌더링하는 이유 Chrome은 JPEG 디코딩 최적화 기법인 partial IDCT scaling을 사용해 작은 크기로 렌더링할 때 저주파 정보만 추출합니다. 웹 · 프론트엔드 · Why tiny JPEGs look different in Chrome
Chrome이 작은 JPEG 이미지를 다르게 렌더링하는 이유 Key Point JPEG 최적화 메커니즘과 브라우저 간 렌더링 차이를 기술적으로 설명하는 심화 글이 커뮤니티의 관심을 모았습니다.
핵심 요약
Chrome은 JPEG 디코딩 최적화 기법인 partial IDCT scaling을 사용해 작은 크기로 렌더링할 때 저주파 정보만 추출합니다. 8×8 블록 단위로 압축된 JPEG 데이터에서 고주파 계수를 건너뛰고 필요한 정보만 디코딩하므로 메모리 사용량과 처리 시간을 줄입니다. 결과적으로 상수 성분의 색상 정보만 남아 원본 이미지의 엣지나 그라데이션이 손실되어 Firefox와는 다르게 보입니다.