Three.js로 3D 도서관을 만들다가 직접 편집 도구를 만들었습니다
Oniria에서 DEV.to 글을 책으로 배치하는 3D 도서관을 만들며, 좌표를 코드로 고치는 대신 공간 안에서 위치를 지정하는 마커 도구를 개발했습니다. 마커를 Sanity 문서로 저장하고 내보내면서 별도 레벨 편집기 없이도 배치를 이어갈 수 있는 작업 흐름을 마련했습니다.
Oniria에서 DEV.to 글을 책으로 배치하는 3D 도서관을 만들며, 좌표를 코드로 고치는 대신 공간 안에서 위치를 지정하는 마커 도구를 개발했습니다. 마커를 Sanity 문서로 저장하고 내보내면서 별도 레벨 편집기 없이도 배치를 이어갈 수 있는 작업 흐름을 마련했습니다.
에이전트 평가 점수가 낮거나 그럴듯하게 나와도 모델 탓으로 단정하면 안 됩니다. 테스트가 실제로 실행됐는지, 보상 함수와 분모가 적절한지, 실패 데이터와 실행기가 정확한지 점검해야 하며, 이 글은 평가 오류 7가지와 각 수정 사례를 소개합니다.
파이썬 변수는 값을 담는 상자가 아니라 객체에 붙는 이름이며, 대입은 이름을 객체에 연결합니다. 글은 가변성, 기본 인수, 복사, 참조 카운팅과 순환 참조 수거 등 객체 모델을 코드 예제로 설명합니다.
Polly가 소스 라이선스와 오픈소스 공개 상태를 유지하면서 조직별 월 20달러의 유지보수 비용을 도입합니다. Polly를 사용하는 제품이나 프로젝트로 최소 2만 달러를 버는 조직이 대상이며, 글쓴이는 오픈소스 유지보수 재원을 마련하는 한 가지 방식으로 소개합니다.
MCP는 API를 대체하지 않고, LLM이 도구를 발견하고 호출하도록 API 위에 얹는 어댑터입니다. 글은 두 인터페이스의 호출 방식과 보안·운영 차이를 비교하고, MCP의 컨텍스트 낭비와 보안 위험을 짚으며 각각을 선택할 기준을 제시합니다.
memshare는 AI가 대화에서 쌓은 기억을 평문 JSON 파일로 저장하고, 동료나 다른 AI 도구와 동의 절차를 거쳐 공유하는 오픈소스 도구입니다. PII 검사와 항목별 수락 절차를 두지만, 기억의 최신성 확인은 아직 지원하지 않습니다.
zombiescan은 Google Cloud의 20종 유휴 리소스를 읽기 전용으로 검사하고, Cloud Billing Catalog 가격을 적용해 프로젝트별 월 비용을 산출하는 도구입니다. 작성자는 75개 프로젝트에서 79초 동안 713건을 찾아 월 387.74달러의 낭비를 추정했으며, 가격 기준과 권한·탐지 범위의 한계도 설명합니다.
저자는 약 7주 동안 72곳에 지원해 23번 거절당하고 두 곳에서 제안을 받았습니다. 이 경험을 바탕으로 지원 관리, 면접 준비, 구직 과정에서의 AI 활용과 채용 방식 변화를 정리합니다.
AI 에이전트로 26개 넘는 프로젝트를 만든 저자가 Stanford의 초급 Python 과정에 지원하며 처음 직접 코드를 작성합니다. 프로그램은 작동했지만 GPT가 틀린 NBA 기록을 자신 있게 답하면서, 코드 작성과 답 검증이 서로 다른 기술임을 보여줍니다.
AWS Bedrock 기반 고객 지원 에이전트 Nova Adiutrix를 만들며 검색 정확도, 주문 소유권 검사, 테스트 검증, 클라우드 자원 정리에서 겪은 문제를 기록합니다. 프롬프트 지시만으로 보안을 맡기지 않고 코드와 실행 증거로 검증한 과정이 중심입니다.
GitHub Actions로 DEV 팔로워 수를 매일 조회해 README에 갱신하는 방법을 소개합니다. API 키는 GitHub Secrets에 보관하고, README 내용이 바뀐 경우에만 커밋하고 푸시합니다.
AI가 구현과 테스트를 맡아도 배포한 시스템의 책임은 개발자에게 남습니다. 글은 AI가 코드와 테스트를 함께 만들 때 생기는 오해와 ‘이해 부채’를 짚고, 작은 작업 단위와 계획 검토, 명시적인 설계 기록으로 위험을 줄이는 방법을 제안합니다.
TypeScript의 사용자 정의 타입 술어는 함수 본문이 타입의 모든 필드를 검사하는지 증명하지 않습니다. 글에서는 기존 타입과 가드 정의를 컴파일 시점에 연결하는 is-kit의 typedStruct를 소개하고, 타입 동기화와 런타임 추가 속성 검증은 별개의 문제라고 설명합니다.
정상 응답과 200 OK만으로는 멀티 에이전트 실행의 낭비를 찾기 어렵습니다. AWS Strands와 Amazon Nova Pro를 연결한 사례에서 에이전트·도구별 토큰과 비용을 추적하고, 반복 호출·추론 루프·컨텍스트 증가를 기준 실행과 비교해 감지합니다.
글은 프런트엔드 구조를 브라우저의 탐색·조정, 서버의 콘텐츠, 클라이언트의 낙관적 UI 상태라는 세 책임으로 나눕니다. 이 관점으로 HTMX부터 SPA까지를 설명하고, Solid 2.0이 같은 모델 안에서 여러 구조를 표현하는 방법을 제안합니다.
GitHub 저장소를 서로 다른 표본 방식으로 조사한 결과, AGENTS.md는 최근 90일 안에 갱신된 저장소의 6.2%, 전체 공개 저장소의 1.0%에서 발견됐습니다. CLAUDE.md도 활성 저장소의 5.4%로 비슷한 비율을 보였지만, 파일이 실제로 에이전트의 작업 결과를 개선하는지는 측정하지 않았습니다.
Forem API에서 DEV.to의 실제 글 목록을 불러와 탐색 가능한 3D 도서관으로 구현한 과정을 소개합니다. 글이 수천 건으로 늘면서 발생한 위치 이동과 React ref 타이밍 문제를 추적하고, 결정론적 경로와 선반 배치로 해결한 경험을 설명합니다.
errval은 TypeScript에서 오류를 명시적으로 반환하고, 호출부에서 처리하도록 돕는 라이브러리입니다. 오류 타입을 호출에서 추론하고 `match`의 누락된 분기를 컴파일 오류로 잡습니다. 실패 경로 벤치마크와 오류 생성 방식도 공개했습니다.
512×512 이미지의 PNG, JPEG 등 6개 형식에서 비트 하나를 바꾸고 디코딩 결과를 비교했습니다. PNG는 처리 도구가 손상을 감지해 거부했지만 Chromium은 손상 전까지의 픽셀을 그렸고, JPEG·WebP·AVIF는 손상된 이미지를 온전한 것처럼 보여주기도 했습니다.
모바일 브라우저에서 `100vh`는 현재 보이는 화면이 아니라 브라우저 UI가 접힌 상태의 높이를 기준으로 삼을 수 있습니다. 글은 `dvh`, `svh`, `lvh`의 차이를 설명하고, 목적에 맞는 CSS 뷰포트 단위를 쓰면 JavaScript 우회 코드를 없앨 수 있다고 안내합니다.