HooneyLog

Frontend·1 views·2026. 7. 5.

Core Web Vitals 3대 지표(LCP·CLS·INP), 개념부터 개선 코드까지

LCP·CLS·INP가 각각 무엇을 재는 지표인지, 왜 나빠지고 어떤 코드로 개선하는지 개념부터 예제까지 정리한 입문 안내서.

Backend·0 views·2026. 7. 5.

AI에게 기술 블로그를 맡겨봤습니다 — Cloud Run Job으로 도는 자동 발행 봇 만들기

Gemini가 최신 개발 트렌드를 조사·집필·자가검증해 Notion에 자동 발행하는 봇을 Cloud Run Job과 Cloud Scheduler로 서버 없이 구축한 과정과 삽질 기록.

Artificial Intelligence·2 views·2026. 7. 5.

AI 에이전트, 코드 대신 목표를 이해하는 자율 프론트엔드 개발

AI 에이전트, 코드 대신 목표를 이해하는 자율 프론트엔드 개발 💡 핵심 요약: AI 에이전트는 단순 코드 생성을 넘어 레이아웃 최적화, 리팩터링 같은 복잡한 작업을 자율 수행하는 개발팀의 일원으로 진화하고 있습니다. 며칠씩 걸리던 개발 주기를 몇 시간으로 단축하며 프론트엔드...

Frontend·1 views·2026. 7. 4.

React 19 시대, 서버 컴포넌트 심층 활용 가이드

React 19 시대, 서버 컴포넌트 심층 활용 가이드 💡 핵심 요약: React 19의 핵심 기능으로 자리 잡은 서버 컴포넌트(RSC)는 서버에서 UI를 미리 렌더링해 클라이언트로 보내는 JavaScript 양을 대폭 줄여줍니다. 초기 로딩 성능을 크게 개선하지만, 서버와 클...

Frontend·1 views·2026. 7. 4.

프론트엔드 개발, AI 어시스턴트로 날개 달기

프론트엔드 개발, AI 어시스턴트로 날개 달기 💡 핵심 요약: GitHub Copilot, Vercel v0 같은 AI 기반 도구는 코드 생성, 디버깅, 성능 최적화를 자동화하여 프론트엔드 개발 워크플로우를 혁신하고 생산성을 크게 높입니다. --- 1. 문제의 배경 현대...

Backend·2 views·2026. 7. 4.

트랜잭셔널 아웃박스로 이벤트 유실 막기: dual-write 문제와 데드레터 격리

DB 커밋과 이벤트 발행이 따로 노는 dual-write 문제를 아웃박스 테이블과 지수 백오프 재시도, 데드레터 격리로 막은 실제 NestJS 구현 회고.

Backend·2 views·2026. 7. 4.

입찰 마감 탭 목록 9초 → 1초: covering 인덱스와 bucket pagination lazy count

입찰 마감 탭 목록이 9초 걸리던 원인을 EXPLAIN으로 두 곳으로 좁히고, covering 인덱스로 Index Only Scan(9,367ms→15.95ms)과 bucket pagination lazy count로 count 3발을 1발로 줄인 회고입니다.

Artificial Intelligence·0 views·2026. 7. 4.

전용 벡터DB 없이 pgvector로 사내 지식 RAG 어시스턴트 만들기 — 함수콜 에이전트와 HNSW

Pinecone 같은 전용 벡터DB를 새로 붙이지 않고, 이미 쓰던 PostgreSQL에 pgvector·HNSW만 얹어 사내 지식 RAG 어시스턴트를 만든 실전 회고. Gemini 임베딩 768차원, 함수콜 에이전트, JOIN 검색, 유사도 컷 튜닝까지.

Frontend·0 views·2026. 7. 4.

배포하면 흰 화면이 뜬다: Vite 번들 다이어트와 stale chunk 자가복구

항상 로드되는 메인 청크에서 미사용 AG Grid를 걷어내고 벤더를 가족 단위로 분리해 초기 로드를 절반 이하로 줄인 뒤, 배포 직후 구버전 청크 404로 생기는 흰 화면을 1회 자동 리로드로 자가복구한 기록입니다.

Backend·1 views·2026. 7. 3.

API 배포하면 SDK도 따라 나온다 — OpenAPI JSON으로 NPM·Maven Central 자동 배포 파이프라인 만들기

NestJS의 OpenAPI JSON 하나로 TypeScript·Java SDK를 자동 생성하고 npm·Maven Central에 자동 게시하는 파이프라인 구축기

Backend·2 views·2026. 7. 2.

외부 ERP 연동, API Key로 충분할까? OAuth2 Client Credentials로 인가 서버 만든 이야기

외부 ERP 시스템이 우리 API를 호출하는 서버 간(M2M) 인증을 OAuth2 Client Credentials로 설계하며 배운 것 — 토큰 만료 전략, bcrypt 시크릿 해싱, scope, 그리고 DPoP로 Bearer 토큰 탈취까지 막은 과정.

Artificial Intelligence·23 views·2026. 6. 21.

AI는 정말 우리를 빠르게 만들었나 — 숙련 개발자가 19% 느려진 이유

개발자의 84%가 AI 코딩 도구를 쓰지만 숙련 개발자는 오히려 19% 느려진 2025년 데이터로 AI 코딩의 역설을 짚어봅니다.