GyaanSetu WebDev

Frontend, backend and devops for the modern web.

230 articlesDeep, practical knowledge

Shopify 판매자들은 잘 정리된 체크리스트를 좋아합니다. 앱을 설치하고, 구조화된 데이터를 붙여넣고, Google의 리치 결과 테스트를 실행하면,

Shopify 판매자들은 잘 정리된 체크리스트를 좋아합니다. 앱을 설치하고, 구조화된 데이터를 붙여넣고, Google의 리치 결과 테스트를 실행한 뒤 검사기가 초록색으로 변하는 것을 지켜보세요. 작업이 완료되었고, 그...

WebDev · 5 min read

JSON 인용 강제를 통해 환각 현상을 방지하는 WhatsApp RAG 봇

pgvector를 사용하는 PostgreSQL 기반으로 구축된 이 프로토타입은 무거운 프롬프트 대신 모든 주장을 검증하는 JSON 스키마를 사용합니다. 모델이 청크 ID를 첨부할 수 없으면 응답이 거부되며, 사용자에게는 "질문에 답변할 충분한 정보가 없습니다"라는 명확한 메시지가 표시됩니다.

WebDev · 2 min read

AI 트래픽 유실, 상위 랭킹 사이트에 수백만 달러의 손실 초래할 수도

Vercel-MERJ의 연구에 따르면, GPTBot과 ClaudeBot은 자바스크립트 실행을 생략하고 순수 HTML만 다운로드합니다. 그 결과, React나 Vue와 같은 클라이언트 사이드 프레임워크를 사용하는 사이트들이 구글 검색 순위는 장악할 수 있지만, ChatGPT나 Bing AI와 같은 AI 어시스턴트에게는 노출되지 않을 수 있습니다.

WebDev · 4 min read

이어하기 가능한 분할 업로드로 혼잡한 Wi-Fi 환경에서도 웨딩 사진을 안전하게 보호하세요

이 가이드는 UUID 세션 생성, 파일을 5~10MB 크기의 청크로 분할, IndexedDB를 통한 상태 유지, 그리고 네트워크 전환, 기기 잠금, 핫스팟 과부하 상황에서도 업로드가 중단되지 않도록 지터(jitter)를 적용한 지수 백오프(exponential backoff)를 사용하는 방법을 단계별로 안내합니다.

WebDev · 4 min read

AI 에이전트의 도구 결과 조작, 자동화된 워크플로우 내 '사일런트 크래시' 유발

최근 한 블로그는 AI 에이전트가 도구 이름을 임의로 만들거나, 잘못된 인수를 전달하거나, 심지어 성공적인 출력값을 위조할 수 있다고 경고합니다. '사일런트 크래시(silent crash)'라 불리는 이러한 현상은 결함이 있는 데이터가 파이프라인을 통해 연쇄적으로 확산되게 하여, 잘못된 경고를 발생시키고 막대한 비용이 드는 조치를 유발할 수 있습니다.

WebDev · 3 min read

인박스 리스를 통한 크론 이메일 레이스 및 알람 장애 방지

각 크론 실행에 고유한 리스 ID를 할당하고, 타임스탬프와 레이블을 기준으로 필터링하며, 리스 메타데이터를 기록함으로써, 인박스를 공유하는 환경에서도 잘못된 메시지로 인해 중복 알람이 발생하거나 알람을 놓치는 문제를 방지할 수 있습니다.

WebDev · 3 min read