Trawling

개발·오픈소스 · 최신기사

개발 도구와 언어, 웹 기술과 오픈소스 프로젝트의 변화를 다룹니다.

스크린샷 한 장으로 대시보드를 재구축했다 — Hope AI로 만든 라이브 앱과 그 과정 전부

발행

저자가 스크린샷 한 장과 "첨부된 디자인에 따라 대시보드를 만들어 달라"는 한 줄 프롬프트만으로 React 대시보드를 배포까지 완성한 과정을 공개합니다. 차트 라이브러리 없이 CSS로 구현된 그래프, 컴포넌트 단위 구조 등 결과물의 수준을 보여주면서도, mock 데이터·동작하지 않는 내비게이션 등 한계를 솔직하게 짚으며 "한 번의 프롬프트는 프로토타입까지"라는 논지를 분명히 합니다.

대형 웹사이트용 깨진 링크 스캐너를 직접 만든 방법 — Laravel은 컨트롤 플레인, Go는 스캐닝 엔진

발행

깨진 링크 검사기는 간단한 주말 프로젝트처럼 보이지만, 대형 사이트에서는 사실상 분산 크롤링 시스템이 된다는 글입니다. 저자는 Laravel을 인증·스케줄링·리포팅이 담당하는 컨트롤 플레인으로, Go를 동시성 네트워크 작업을 처리하는 스캐닝 엔진으로 분리해 구현했습니다. URL 정규화, 호스트별 동시성 제한, 응답 분류, 리다이렉트 추적, 체크포인트 복구까지 실무 설계 결정을 상세히 공유합니다.

Semrush 연구: 쿼리의 중요도와 의도에 따라 AI 검색 인용 소스가 달라진다

발행

Semrush가 AI Visibility Index의 일환으로 YMYL(Your Money or Your Life) 쿼리와 일반 상업 쿼리의 인용 패턴을 비교한 미니 스터디를 발표했습니다. ChatGPT, Google AI Mode, Google AI Overview, Gemini 등 플랫폼별로 인용 소스가 다르게 선택되며, 쿼리의 중요도와 사용자 의도가 브랜드 도메인 인용 여부에 영향을 준다는 결과입니다. AI 검색 노출은 단일한 최적화 공식으로 해결할 수 없다는 점이 핵심 메시지입니다.

TLS 핸드셰이크와 OAuth 플로우는 클릭하며 따라가야 배우기 쉽다

발행

백엔드 개발자가 반드시 알아야 하지만 대부분 흐릿하게 기억하는 두 보안 흐름 — TLS 핸드셰이크와 OAuth 인가 코드 플로우 — 를 정적 다이어그램 대신 단계별로 직접 진행하며 배우는 무료 브라우저 시뮬레이터 두 개를 소개한다. 인증서 만료·호스트명 불일치·잘못된 redirect URI 같은 실패 시나리오까지 실행해볼 수 있어, 프로덕션 장애 대응에 필요한 재구성 능력을 기르는 데 초점을 둔다.

온라인 하이퍼텍스트를 위한 스타일 가이드 (1992) — 웹의 초기 원칙을 정리한 Tim Berners-Lee의 문서

발행

1992년 웹 초창기에 작성된 Tim Berners-Lee의 하이퍼텍스트 문서 작성 지침서입니다. 'webmaster'라는 용어와 'www.xxx.com' 도메인 관례를 정의한 문서로, URI를 바꾸지 말라는 원칙 등 지금도 유효한 웹의 기본 원칙을 담고 있습니다. Lobsters에서는 이 문서가 30년이 지난 지금도 여전히 살아 있고, 현대 웹이 이 원칙을 따르지 않는다는 점이 화제가 되었습니다.

포화 시장에서 장기전으로 사이드 프로젝트를 ARR 100만 달러까지 키우기 — Buttondown 창업자의 이야기

발행

Stripe와 Amazon 출신 엔지니어 Justin Duke가 2017년 직장을 다니며 시작한 뉴스레터 플랫폼 Buttondown이 완전 자기자본(bootstrapped)으로 ARR 100만 달러를 넘겼습니다. 바이럴 런칭이나 대규모 투자 없이 입소문·공개 글쓰기·인간적인 고객 지원으로 성장한 사례로, 안정적인 급여라는 안전망이 장기적 의사결정을 가능하게 했다는 점을 솔직하게 짚습니다.

Laravel 앱 전체를 php-wasm에 넣고 폰에서 돌려봤습니다 — 무엇이 깨졌는가

발행

php-wasm으로 브라우저에서 코드 조각을 실행하는 데모는 흔하지만, NativeBlade는 vendor/를 포함한 Laravel + Livewire 앱 전체를 서버 없이 WebView 안에서 구동합니다. PHP가 JavaScript의 비동기 작업을 기다릴 수 없다는 근본 제약을 'sentinel 출력 후 exit, 캐시 기반 재실행'이라는 독특한 우회법으로 해결했으며, 이 과정에서 드러나는 결정적 재실행·요청 큐·null origin 등의 실전 문제들을 상세히 공유합니다.

flat.social — 리모트 팀이 어울려 노는 3D 가상 공간, 브라우저에서 바로 실행

발행

flat.social이 Product Hunt에 두 번째 출시를 올렸습니다. 브라우저에서 바로 실행되는 3D 가상 공간으로, spatial audio, 화면 공유, 화이트보드, 미니게임을 지원하며 게스트는 이름만으로 참여할 수 있습니다. 설치가 필요 없다는 점이 다른 가상 오피스 도구 대비 가장 큰 차별점으로 꼽히고, 5명까지 무료입니다.

후원금으로 이어온 Servo 개발의 1년 — 유지관리자의 회고

발행

Servo 프로젝트의 유지관리자 Josh Bowman-Matthews가 OpenCollective와 GitHub의 월 후원금으로 파트타임 개발을 진행한 지난 1년을 회고했습니다. 1,150개의 PR 리뷰, 8명의 신규 유지관리자 지명, 신규 기여자용 이슈 114개 등록(92% 해결) 등 구체적 수치와 함께, 후원 기반 오픈소스 유지관리 모델의 실제 성과를 보여줍니다.

Tencent BrowserSkill — AI 에이전트가 작업을 방해하지 않고 로그인된 실제 브라우저를 쓰게 하는 CLI+확장 도구

발행

Tencent가 공개한 BrowserSkill은 Cursor, Claude Code, Codex 등 셸을 호출할 수 있는 모든 AI 에이전트가 사용자가 이미 로그인해 둔 실제 브라우저를 사용할 수 있게 해 주는 로컬 브리지입니다. 브라우저 작업은 사용자 창과 분리된 Agent Window에서 실행돼 작업을 방해하지 않고, CAPTCHA나 로그인 같은 단계에서는 사람에게 개입을 요청하는 human-in-the-loop을 내장했습니다. MIT 라이선스로 공개되었습니다.

Fitz의 아이소모픽 하이드레이션 — 서버가 첫 화면을 그리고 WASM이 DOM을 그대로 인계받는다

발행

FitzLiveViews 시리즈 8편으로, .fitzv 컴포넌트 하나가 서버에서는 HTML로 렌더링되고 클라이언트에서는 WASM 앱으로 부팅해 서버가 그린 DOM 노드를 재생성 없이 그대로 '입양(adopt)'하는 하이드레이션 구현을 다룹니다. 가상 DOM 재조정이 없어 hydration mismatch 자체가 성립하지 않고, 프레임워크 런타임을 클라이언트에 싣지 않는다는 점이 차별점입니다.

Phase 0: 코드를 치기 전에, 웹사이트가 어떻게 동작하는지 이해하기 — 브라우저부터 데이터베이스까지

발행

웹 개발 입문 시리즈의 첫 번째 단계로, 코드를 작성하기 전 알아야 할 웹의 기본 개념들을 정리한 안내서입니다. 브라우저와 서버, 프런트엔드와 백엔드, 데이터베이스, HTTP 요청과 응답, URL 구조, DNS, HTTPS, GET/POST 구분까지 클라이언트-서버 아키텍처의 전체 흐름을 다룹니다. 브라우저 DevTools의 Network 탭으로 실제 요청과 응답을 관찰하는 실습 과제도 포함되어 있습니다.

Appwrite 2.0 — 에이전트와 개발자를 위한 오픈소스 클라우드

발행

오픈소스 백엔드 플랫폼 Appwrite가 2.0 버전을 Product Hunt에 공개했습니다. 인증, 데이터베이스, 스토리지, Functions, Realtime, 호스팅을 한곳에 묶어 백엔드 설정 시간을 줄여주는 것이 핵심이며, Firebase 대비 통합이 쉽고 셀프호스팅이 매끄럽다는 평가를 받았습니다. 다만 클라우드 안정성과 대시보드 기능 부족에 대한 지적도 나왔습니다.

WebMCP가 실제로 시간과 토큰을 절약해줄까? — ON/OFF 실험으로 직접 검증하는 방법

발행

DeepDeck 프로젝트에 추가된 WebMCP 벤치마크는 구조화된 브라우저 도구를 노출하는 것이 작업 완료 시간과 토큰을 실제로 줄여주는지를 ON/OFF 대조 실험으로 측정합니다. 49개 작업에서 세 모델 모두 22~36%의 토큰 절감을 보였지만, 저자는 이를 탐색적 관찰로 한정하며 독자가 자신의 작업 세트로 직접 검증할 것을 권합니다.

직접 측정해야 믿을 수 있었던 Cloudflare Pages의 두 가지 동작

발행

Cloudflare Pages에서 정적 사이트를 운영하는 개발자가 플랫폼이 조용히 실패하는 두 가지 동작을 실측으로 검증한 기록입니다. _headers로 지정한 Cache-Control이 정적 자산에서 무시되는 문제와, _redirects 규칙이 약 100줄을 넘으면 경고 없이 적용되지 않는 한계를 다룹니다. 콘텐츠 해시 기반 캐시 무효화와 canary 규칙을 활용한 배포 검증 같은 실용적인 우회 방법을 제시합니다.

실제로 가장 작은 비디오 포맷은? — H.264 vs VP9 vs AV1 직접 측정

발행

파일 크기를 결정하는 것은 MP4 같은 컨테이너가 아니라 내부의 코덱이라는 점을 지적하며, 720p 테스트 클립을 H.264, VP9, AV1로 인코딩하고 VMAF 품질 점수로 동일 체감 품질 기준의 크기를 비교했습니다. VMAF 90 기준으로 VP9는 H.264 대비 약 40%, AV1은 약 60% 더 작았습니다. 다만 신형 코덱은 인코딩 CPU 비용이 크므로, 여러 번 스트리밍할 영상이면 AV1/VP9, 일회성 전송이면 H.264가 합리적이라고 정리합니다.

캘리포니아, 트럼프 행정부 요구에 따라 주 망중립성법 무력화 가능성 — 연방 브로드밴드 보조금에 '망중립성 집행 금지' 조건

발행

트럼프 행정부가 420억 달러 규모의 연방 브로드밴드 보조금 프로그램(BEAD)에 '망중립성 규제 집행 금지' 조건을 달면서, 캘리포니아가 18억 6,000만 달러를 받는 대가로 자체 망중립성법을 사실상 무력화할 위기에 처했습니다. 면제는 보조금 지급 지역이 아닌 주 전역에 최대 14년간 적용되며, 캘리포니아 공공사업위원회(CPUC)가 최종 계획 비준 표결을 앞두고 있습니다.

llms.txt에는 실제로 무엇을 넣어야 하는가

발행

llms.txt는 언어 모델을 위한 평문 사이트 요약 파일로, 2024년 9월 Jeremy Howard가 제안했지만 주요 AI 기업이 실제로 읽는지 확인된 바 없습니다. 그럼에도 저자는 이 파일을 작성하는 행위 자체가 '우리 비즈니스가 무엇인가'를 마케팅 수사 없이 정의하게 만드는 강제 장치(forcing function)이므로 쓸 가치가 있다고 주장하며, 포함해야 할 여섯 가지와 빼야 할 것들을 구체적으로 정리합니다.

verygoodsoftwarenotvirus.ru의 종말 — 12년 만에 끝난 8달러짜리 농담

발행

러시아의 새로운 법령(569-ФЗ)으로 .ru 도메인 등록에 러시아와의 연고가 요구되면서, 저자가 2014년부터 유지해온 농담 도메인 verygoodsoftwarenotvirus.ru를 갱신할 수 없게 됐습니다. 등록은 2026년 11월까지 유효하지만 12월 11일에는 해제되어 요건을 충족하는 누구나 가져갈 수 있으며, 저자는 이 도메인이 자신의 개발자 커리어와 정체성으로 자라난 과정을 회고합니다.

블로그 글에 DOI를 부여하는 방법 — Rogue Scholar로 학술 인용 가능한 블로그 만들기

발행

학계가 논문을 인용할 때 쓰는 영구 식별자 DOI를 개인 블로그 글에도 무료로 붙이는 방법을 다룹니다. 과학 블로그용 오픈 액세스 아카이브 Rogue Scholar에 피드를 등록하면 새 글이 발행될 때마다 자동으로 DOI가 발급되며, 도메인 이전이나 사이트 개편에도 인용 링크가 살아남습니다. 다만 중앙화된 게이트키퍼에 의존한다는 구조적 한계와 CC BY 라이선스 강제 등의 주의점도 함께 짚습니다.