본문 바로가기
전체 1608
1416
Frontend6분 읽기
scheduler.yield() — 긴 작업을 쪼개 INP를 살리는 법
긴 자바스크립트 작업을 scheduler.yield()로 잘게 쪼개 메인 스레드를 양보하고 INP를 개선하는 법. setTimeout·requestIdleCallback·Web Worker와 무엇이 다른지, 언제 써야 하는지 예제로 정리했다.
#INP#성능#scheduler
2026.07.25
1415
AI6분 읽기
하이브리드 검색 — BM25와 벡터를 RRF로 합치기
BM25 키워드 검색과 임베딩 벡터 검색을 RRF로 합치는 하이브리드 검색을 다룬다. 점수 스케일이 달라 그냥 더하면 안 되는 이유, 순위 융합으로 푸는 법, 한국어 형태소 토크나이징 주의점, 리랭커와의 조합 순서까지 실전으로 정리했다.
#하이브리드검색#BM25#RRF
2026.07.25
1414
Tools6분 읽기
git bisect run — 버그 커밋을 자동으로 이진 탐색하기
언제부턴가 깨진 회귀 버그, 커밋 200개를 눈으로 훑지 마세요. git bisect run에 판정 스크립트만 넘기면 문제를 처음 만든 커밋을 자동 이진 탐색으로 몇 초 만에 짚어줍니다.
#git#git bisect#회귀 버그
2026.07.24
1413
Database6분 읽기
커버링 인덱스 — SELECT가 테이블을 아예 안 읽게 만들기
커버링 인덱스로 Index Only Scan을 유도해 테이블 힙 페치를 없애는 법. INCLUDE 절, 키 컬럼과의 차이, Heap Fetches가 0이 안 되는 이유까지 실무 관점으로 정리했다.
#커버링 인덱스#index only scan#PostgreSQL
2026.07.24
1412
Infra6분 읽기
OpenTelemetry 시맨틱 컨벤션 안정화 — 속성 이름이 바뀌면 대시보드가 깨진다
OpenTelemetry 시맨틱 컨벤션이 Stable로 승격되며 http.method 같은 속성 이름이 대거 바뀌었다. 대시보드가 조용히 깨지지 않게 opt-in 스위치로 안전하게 이관하는 실전 순서를 정리했다.
#OpenTelemetry#관측성#시맨틱컨벤션
2026.07.24
1411
Backend6분 읽기
백프레셔(Backpressure) — 빠른 생산자와 느린 소비자의 흐름 제어
생산자가 소비자보다 빠를 때 서버가 터지는 이유와 백프레셔로 흐름을 제어하는 법. Node.js 스트림, pull 모델, 드롭 전략까지 실전 관점으로 정리했습니다.
#백프레셔#backpressure#흐름제어
2026.07.23
1410
Frontend5분 읽기
content-visibility: auto — 긴 페이지 렌더링 비용을 줄이는 CSS 한 줄
화면 밖 요소의 렌더링을 통째로 건너뛰어 긴 페이지의 초기 렌더 비용을 줄이는 CSS 속성. contain-intrinsic-size 짝 사용법과 가상화와의 차이, 스크롤바가 튀는 함정과 해결책까지 실전 위주로 정리했다.
#CSS#성능#content-visibility
2026.07.23
1409
AI7분 읽기
리랭커(reranker) — RAG 검색 정확도를 끌어올리는 마지막 한 수
벡터 검색이 넉넉히 뽑은 후보를 크로스인코더로 다시 정렬하는 것이 리랭커다. 바이인코더와의 구조 차이, k_recall과 k_final 설정, 지연시간 트레이드오프, 모델마다 다른 점수 컷오프 함정까지 RAG 검색 정확도를 끌어올리는 실전을 정리했다.
#RAG#리랭커#reranker
2026.07.23
1408
Tools3분 읽기
시맨틱 버저닝(SemVer) — 버전 번호 x.y.z가 뜻하는 것
1.4.2에서 각 숫자는 아무렇게나 붙는 게 아니다. MAJOR.MINOR.PATCH 규칙과 ^·~ 범위, 그리고 0.x의 의미까지 정리한다.
#SemVer#Versioning#npm
2026.07.22
1407
Infra3분 읽기
Linux "Too many open files" — 파일 디스크립터와 ulimit
트래픽이 몰리면 서버가 이 에러를 뱉으며 연결을 못 받는다. 소켓·파일이 모두 "열린 파일"인 이유와, ulimit로 한계를 올리는 법.
#Linux#ulimit#FileDescriptor
2026.07.21
1406
Backend3분 읽기
뮤텍스와 세마포어 차이 — 동시성 제어의 기본
둘 다 공유 자원을 지키는 도구지만, 뮤텍스는 "화장실 열쇠 1개", 세마포어는 "주차장 N자리"다. 소유권·용도 차이를 실전 관점에서 정리.
#Concurrency#Mutex#Semaphore
2026.07.20
1405
Backend3분 읽기
ReDoS — 정규식 하나가 서버를 멈추는 취약점
입력 몇 글자에 CPU가 100%로 치솟고 서버가 멎는다. 취약한 정규식의 "재앙적 백트래킹" 원리와, 안전하게 짜는 법.
#Security#Regex#ReDoS
2026.07.20