모든 글

background-clip을 content-box로 설정하면 padding 두께만큼 border-radius가 깎여 의도치 않게 각진 모양이 되는데, 이를 해결하려면 슬래시 문법을 사용해 가로와 세로 반경을 개별적으로 보정해야 합니다

PostgreSQL에서 조건부 SQL 빌더 사용 시 참조되지 않는 파라미터가 포함되면 42P18 오류가 발생하므로 절과 파라미터를 함께 관리하고 실제 DB 파싱 테스트를 통해 검증해야 합니다

touch-action 은 pointerdown 시점에 이미 확정돼 늦게 바꾸면 소용없고, 롱프레스 시작 순간 touchmove 를 passive: false 로 preventDefault 해야 스크롤이 드래그를 취소하지 않습니다.

EXISTS 서브쿼리는 semi join 행 수를 실제보다 극단적으로 적게 추정해 플래너가 인덱스의 조기 종료 이득을 0으로 보고 Sort 를 유지하는데, MATERIALIZED CTE 로 EXISTS 를 격리하면 130ms가 3ms로 줄어듭니다.

AI CLI를 헤드리스로 쓰면 샌드박스가 파일 접근을 막아도 에러 없이 빈 결과만 돌아와 모델이 "파일이 없다"고 오판하며, 종료 코드는 0으로 찍힙니다.

disabled 버튼은 포인터 이벤트를 차단해 툴팁 표시를 방해하므로 CSS의 pointer-events: none을 활용해 이벤트를 부모 요소로 전달하는 해결법과 함께 키보드 사용자를 위한 접근성 보완책을 제시합니다

Claude Code statusLine 은 rate_limits 가 Pro/Max 첫 응답 이후에만 와 jq // empty 로 방어해야 하고, 브랜치는 JSON에 없어 git 으로, epoch 는 BSD·GNU date 를 둘 다 폴백해야 합니다.

CodeGraph는 코드베이스를 로컬 SQLite 그래프로 미리 인덱싱해 호출 관계·블라스트 반경·소스를 explore 한 번으로 돌려주고, 데이터가 기계 밖으로 나가지 않아 grep 반복 탐색을 줄입니다.

AI 에이전트가 길어질수록 둔해지는 건 cat·grep 같은 툴 출력이 통째로 컨텍스트에 쌓이기 때문인데, context-mode 는 샌드박스에서 코드로 처리해 결과만 꺼내 hook 적용 시 약 98% 토큰을 절감합니다.

Cloudflare Zero Trust Tunnel 은 인바운드 포트를 0개로 만들어 서버가 아웃바운드 연결만 맺고, TLS·WAF·DDoS 방어는 엣지가 맡으며 Access 로 /admin 같은 경로를 엣지에서 먼저 인증합니다.

SEO는 검색 결과 클릭을, GEO는 AI 답변 인용을 겨냥하며, CDN 봇 방어로 AI 크롤러가 막혀 있으면 llms.txt·패시지 글쓰기를 갖춰도 무의미합니다. GEO는 SEO 위에 쌓이는 관계입니다.

PostgreSQL 인덱스는 부분·복합·커버링(INCLUDE)·표현식 인덱스로 작고 정확하게 좁힐 수 있고, jsonb·배열은 GIN, 시계열 대용량은 BRIN이 적합하며, CONCURRENTLY·EXPLAIN으로 안전하게 운영합니다.

API 응답에 Cache-Control 이 없으면 CloudFront 가 GET 요청을 기본 TTL로 캐싱해, mutation 후 재조회해도 stale 데이터가 보입니다. no-store 헤더와 CachingDisabled 정책으로 해결합니다.

iOS Safari 는 키보드가 떠도 레이아웃 뷰포트를 줄이지 않아 모달이 키보드 뒤에 가려지는데, visualViewport 로 가린 높이를 구해 padding-bottom 에 더하면 정렬을 안 바꾸고도 해결됩니다.

PostgreSQL 에서 varchar(n) 과 text 는 저장 구조(varlena)가 같아 성능 차이가 없고, varchar(n) 은 임의의 길이 제한으로 운영 장애만 유발하므로 기본값은 text + CHECK 를 권장합니다.

리스트 순서 변경 시 전체 데이터를 수정해야 하는 정수 인덱스의 한계를 넘어 문자열 기반의 키를 활용해 단 하나의 행만 업데이트하여 효율적으로 순서를 관리하는 Fractional Indexing 기법을 소개합니다

Mac mini 로 Next.js 를 셀프호스팅하면 Cloudflare Tunnel 이 인바운드 포트 0개로 공인 IP 노출 없이 서비스하고, standalone 빌드·self-hosted runner 배포·오프사이트 백업으로 운영합니다.

GitHub Actions self-hosted runner로 인바운드 포트 없이 집 서버에 자동 배포하되, Docker 데몬 기동 대기·타임아웃 중첩·concurrency 직렬화로 러너가 멈추는 함정을 막습니다.

Next.js App Router 캐싱은 4계층으로 나뉘며, cookies()·headers()·no-store 하나만 써도 라우트가 동적이 되어 Full Route Cache 가 꺼집니다.

멀티스테이지 빌드로 빌드 도구와 런타임을 분리하면 1GB 넘던 이미지가 slim 기준 200~300MB대로 줄고, 레이어 캐시 순서와 베이스 이미지 선택도 함께 정리합니다.