프런트엔드 개발자는 토큰을 낭비하고 있을까요? AI 코딩 비용을 줄이는 다섯 가지 방법
AI 코딩 도구 비용을 줄이는 방법 다섯 가지를 Kiro 사례로 설명합니다. 작업에 맞는 모델 선택, 지시 파일과 명세 활용, 결정론적 도구에 서식·린트 맡기기, 불필요한 대화 맥락 줄이기가 주요 내용입니다.
최신기사
AI, 개발 도구, 오픈소스, 보안과 인프라의 변화와 이용 조건을 설명하는 최신 기사와 해설입니다.
웹페이지에 넣는 애니메이션 ASCII 아트
웹페이지에 삽입할 수 있는 애니메이션 아트 196종을 제공하는 라이브러리입니다. HTML, React, Next.js, Astro에서 쓸 수 있고, MIT 라이선스로 공개했습니다.
Show HN: Bigwords.page — URL만으로 화면을 안내판으로 바꾸기
Bigwords.page는 URL 하나로 전체 화면에 큰 글씨 안내문, 타이머, 카운트다운을 띄우는 정적 웹 도구입니다. 내용은 URL fragment에 담겨 서버로 전송되지 않으며, 로그인이나 설치 없이 여러 화면에서 열 수 있습니다.
Chrome에 JPEG XL 디코딩 지원을 적용합니다
Chrome 155부터 JPEG XL(.jxl) 이미지 디코딩을 지원합니다. Chrome 팀은 C++ 참조 구현 대신 Rust로 작성한 jxl-rs를 적용하고 SIMD 최적화를 더해 메모리 안전성과 성능을 함께 추구합니다. JPEG XL은 무손실 압축, HDR, 점진적 디코딩 등을 지원하지만, 용도에 따라 AVIF와 함께 비교해 보라고 권합니다.
해커들이 Google 등 대형 서비스의 위조 TLS 인증서를 발급받았습니다
공격자들이 .gh, .sl, .as 국가 코드 최상위 도메인(ccTLD)을 장악하고 권한 DNS 레코드를 바꿔 Google과 여러 서비스의 위조 TLS 인증서를 발급받았습니다. Google은 확인된 인증서를 Chrome에서 차단하고 폐기했으며, 도메인 운영자에게 Certificate Transparency 로그 감시와 CAA 레코드 설정을 권고했습니다.
소프트웨어 블로그 글쓰기의 안티패턴
초보 기술 블로거가 독자를 잃기 쉬운 글쓰기와 페이지 구성의 실수를 정리합니다. 첫 세 문장 안에 독자가 얻을 것을 제시하고, 독자의 배경지식을 가늠하며, 링크를 읽기 위한 필수 조건으로 만들지 말라고 조언합니다.
미국 의회에 다시 등장한 사이트 차단 법안 — 이번엔 VPN도 대상입니다
미국 하원의 ACPA 법안은 저작권 침해 혐의를 받는 해외 사이트를 차단하도록 ISP, DNS 사업자뿐 아니라 VPN 사업자에도 요구할 수 있게 합니다. EFF는 사이트 운영자가 법정에서 방어하기 전에 차단 대상이 정해질 수 있고, 합법적인 사이트까지 피해를 볼 수 있다고 우려합니다.
에이전트 스킬로 Markdown을 Substack에 게시하기
publishing-kit은 Markdown 문서를 Substack 웹 편집기에 붙여 넣고, 저장된 초안을 다시 읽어 코드 블록·이미지·링크가 보존됐는지 확인합니다. 글은 ProseMirror 편집기의 조용한 콘텐츠 손실을 피하는 방법과 구독자 이메일 발송을 포함한 게시 절차를 설명합니다.
6개월 동안 로고를 OG 이미지로 썼습니다 — 놓친 트래픽과 15분 만에 고친 방법
글쓴이는 모든 페이지에 회사 로고만 OG 이미지로 설정해 링크 미리보기가 허술해지고 클릭과 Google Discover 노출을 놓쳤다고 설명합니다. 1200×630 이미지와 페이지별 OG 태그를 적용한 뒤 미리보기와 Discover 노출이 달라졌다고 전합니다.
🌿 AI Nature Quest — 사용자가 앱을 닫도록 돕는 AI
AI Nature Quest는 주변을 탐험하는 야외 퀘스트를 생성하고, 사용자가 휴대전화를 내려놓은 뒤 돌아와 사진·음성·메모로 수행 결과를 제출하는 오픈소스 앱입니다. Gemma와 로컬 저장소를 활용해 AI 제공자를 교체할 수 있도록 설계했습니다.
Rill Browser — Claude Code와 Codex가 곁에서 일하는 브라우저
Rill은 Mac용 WebKit 기반 브라우저로, 웹페이지를 보다가 ⌘E를 누르면 내용을 Claude Code나 Codex 작업으로 넘깁니다. 기존 구독을 활용해 프로젝트 탐색과 맥락 전달을 줄이고, 탭 정리와 검색 가능한 방문 기록, 에이전트 작업 현황도 제공합니다.
Oogwai Beacon — AI 답변 엔진 노출 감사
Oogwai Beacon은 웹사이트가 AI 크롤러에 읽히는지와 ChatGPT·Gemini가 실제 질문에 브랜드를 추천하는지를 따로 점검합니다. 브랜드를 언급하지 않은 구매자 질문을 각 엔진에 던져 인용 빈도와 경쟁사, 신뢰하는 출처를 보여주며, 기술 점수와 실제 노출의 차이를 찾도록 돕습니다.
Dots UI — 모양을 바꾸는 파티클 인터페이스용 React 라이브러리
Dots UI는 React 앱에서 파티클 기반 인터페이스를 만드는 라이브러리입니다. 171개 모양과 모양 간 전환 기능을 제공하며, Studio에서 직접 모양을 만들고 내보낼 수도 있습니다.
웹 업계가 진정된 뒤를 위한 지속 가능한 경력
웹 업계가 불안정한 시기를 지나고 있다는 전제 아래, 글쓴이는 접근성·CSS·소통 능력을 꾸준히 익히고 파시즘에 침묵하지 말라고 권합니다. 반면 React, GitHub, 개발자 인플루언서에는 회의적인 견해를 밝히며, 댓글에서는 React의 장기 유지보수 수요와 일자리 감소 전망을 두고 반론이 나옵니다.
GitHub README는 프로필이 아니라 매장 페이지입니다 — 작성자가 적용한 5가지 규칙
GitHub 프로필 README를 장식 대신 제품 페이지처럼 구성하는 방법을 소개합니다. 방문자가 짧은 시간 안에 대표 작업을 찾고 실행하도록 다운로드 버튼, 일관된 레이아웃, 자체 호스팅 이미지 등을 배치합니다.
샌프란시스코에서 가장 평탄한 경로 찾기
샌프란시스코의 16만 개 도로 구간과 1m 해상도 USGS 고도 데이터를 사용해 최단 경로와 오르막 부담 사이의 경로를 브라우저에서 계산하는 도구입니다. 거리를 늘려 오르막을 줄이는 선택지를 시각화하며, 누적 상승고도와 자전거 경로 제약을 반영합니다.
Example.com, 수십 년 만에 가장 큰 개편
문서 예시용 예약 도메인 example.com의 디자인과 서버 인프라 변화를 2002년부터 추적하고, 2026년 다국어 개편의 구현 방식을 설명합니다. IANA는 자동화된 요청이 많은 만큼 전송량을 줄이려 콘텐츠 일부를 JavaScript 파일로 분리했다고 밝혔으며, 사이트를 테스트·모니터링 서비스로 쓰지 말라고 안내합니다.
AI 에이전트용 문서 크롤러를 만들고 49초 만에 마크다운 60페이지를 가져왔습니다
MCP 서버 pulpie-mcp는 AI 에이전트가 웹페이지와 문서를 원문 내용에 가까운 마크다운으로 가져오고 저장하게 합니다. 작성자는 문서 60페이지를 약 49초 만에 저장했으며, 로컬 모델을 공유하고 유휴 상태가 30분 이어지면 메모리를 반환하는 구조를 소개합니다.
Confluence 지식 베이스의 모순·중복·고아 문서를 찾아 고치는 WikiFix
WikiFix는 Confluence 문서에서 서로 모순되는 내용, 중복 문서, 고아 문서를 찾아 수정안을 제시합니다. 사용자가 답을 고르고 승인해야 수정하며, 잘못된 탐지 결과가 약 5건 중 1건이라고 밝혔습니다.
Stremio 웹 앱 — React UI와 Rust 기반 재생 엔진
Stremio의 공식 웹 UI 저장소로, React 화면과 Rust로 작성해 WebAssembly로 컴파일한 stremio-core를 연결합니다. 개발 서버 실행과 빌드·테스트 명령, 관련 저장소 구성을 안내합니다.