잡코리아 프로덕트 컨퍼런스에서 발표합니다
11월 26일 온라인으로 열리는 잡코리아 프로덕트 컨퍼런스 개발 세션에서 "경계가 지워진 뒤, 판단은 누가 배우는가"를 발표합니다.
20 POSTS
Page 1
코드 리뷰는 어렵다. 사람에게도, AI에게도
코드 리뷰는 여전히 어려워
Suspense로 감싼 정적 페이지의 본문은 왜 hidden div에 들어가는가
React 19.2부터 Suspense로 감싼 내용이 렌더가 끝난 정적 페이지에서도 hidden 요소로 분리돼 나갈 수 있는 문제. 이 블로그의 글 본문이 5월부터 11월 초까지 그렇게 나간 과정을 React 소스, 버전별 재현, 웨이백 머신에 남은 HTML로 추적해보기
◆ number-flow 개선기 · 4편number-flow를 에이전트에게 맡기면 어디까지 고칠까
코딩 에이전트 다섯 개가 고친 number-flow와 내 포크 v0.2.1을 다시 비교해보기. 글꼴에 따라 달라진 성능 보고, 작성자를 가린 코드 리뷰, 마스크 기본값을 유지하기로 한 후속 실험
◆ number-flow 개선기 · 3편number-flow 갱신 경로의 강제 동기 레이아웃 줄이기
number-flow의 값을 바꿀 때마다 스타일과 레이아웃을 여러 번 다시 계산하던 문제. 0.2.1에서 DOM을 읽고 쓰는 순서를 바꾸며 확인한 성능 변화와 남은 비용
◆ 코딩 에이전트 모델 교체 실험 · 4편코딩 에이전트 모델 교체 실험을 마치며
실행 1,164회를 마치고 돌아본 사내 벤치마크 제작 과정과 결과. 작업당 비용, Claude Code의 실행 환경, 오픈웨이트 모델에 대한 기대, 다시 실험한다면 바꾸고 싶은 조건
◆ 코딩 에이전트 모델 교체 실험 · 3편Claude Code의 모델을 GLM 5.3으로 바꾸면 생기는 일
사내 문항 36개를 Claude Sonnet 5.5와 GLM 5.3으로 3회씩 푼 결과. 216회의 해결률, 한도 중단, 비용, 패치 결함을 비교하고 공개 벤치마크와의 조건 차이를 살펴본 뒤 모델 교체 여부 판단하기
◆ 코딩 에이전트 모델 교체 실험 · 2편사내 PR 20건으로 SWE-bench 문항 36개 만들기
사내 WebSocket 패키지의 병합된 PR을 코딩 에이전트 평가 문항으로 바꾸고 채점기를 검증한 뒤, Claude Code 실행 환경에서 개인 지침을 격리하기까지의 과정
성능 개선에서 기법은 짧았고 판단은 길었다: 준비, 관측, 대응, 검증, 측정
성능 개선 기법을 고르기 전에 무엇을 먼저 해야 할까. 지원 범위와 의존성 정리, 측정, 우선순위 결정, 원인이 남의 코드나 인프라에 있을 때의 대응, 회귀 방지, 결과 보고로 이어지는 실무의 순서
◆ Core Web Vitals 직접 수집하기 · 4편방문이 드문 블로그의 핵심 웹 지표를 직접 수집하기
공용 관측 인프라에 맞춰 만든 핵심 웹 지표 수집 구성을 개인 블로그로 옮기기. 방문이 드물어 비어 있던 대시보드와 일반 브라우저에 맞지 않던 수집 시점을 고치며 찾은 조회 누락의 원인, 닷새치 데이터로 판단할 수 있는 범위
◆ Core Web Vitals 직접 수집하기 · 3편앱 웹뷰의 핵심 웹 지표를 공용 관측 인프라로 보내기
앱 웹뷰에서 측정한 핵심 웹 지표를 공용 관측 인프라로 보낼 때 일부 값이 누락되는 문제. 웹뷰의 이탈 이벤트부터 tail sampling, 누적 변환, Tempo 조회까지 재현 환경에서 확인하고, 수집 코드를 바꿔 해결할 수 있는 범위 가늠해보기
◆ Core Web Vitals 직접 수집하기 · 2편페이지를 떠나는 순간 핵심 웹 지표를 보내기
페이지를 떠날 때 CLS와 INP가 누락되는 원인을 OTel JS의 전송 방식과 flush 순서에서 찾기
◆ Core Web Vitals 직접 수집하기 · 1편web-vitals는 언제 핵심 웹 지표를 보고하는가
web-vitals 6.2.3의 지표별 보고 조건과, 클릭 직후 페이지를 떠날 때 INP가 누락되는 원인
◆ 코딩 에이전트 모델 교체 실험 · 1편SWE-bench로 코딩 에이전트의 모델을 비교하는 방법
코딩 에이전트의 모델 성능은 어떻게 측정할까?
◆ coldpath 제작기 · 4편번들러는 import를 어떻게 기억하는가
Turbopack 분석 파일의 동기 의존성을 정적 import로 해석한 coldpath의 분류 오류 추적. webpack, Turbopack, Vite, esbuild의 그래프 정보와 산출물을 비교해, 원래 구문을 판별할 수 있는 단서와 복원할 수 없는 경우 살펴보기
◆ number-flow 개선기 · 2편number-flow 성능 개선기: 애니메이션을 합성 스레드로 옮기기
구형 브라우저를 지원하려고 만든 number-flow 포크에서, 모던 브라우저에서도 매 프레임 스타일을 다시 계산하던 애니메이션. 0.2.0에서 가산 합성으로 만들던 움직임을 transform과 opacity 키프레임으로 옮긴 과정과, 마스크와 인터럽트에 남은 비용
Next.js 앱의 Marp 슬라이드를 오프라인에 저장하기
기존 Marp 뷰어를 그대로 오프라인에서 실행하려던 첫 시도부터, 배포, 네트워크, 발표자 창에서 드러난 문제를 하나씩 보완해 오프라인 저장 기능을 완성하기까지의 과정
Rails가 왜 좋았는지는, 만든 사람이 내려놓고 나서야 보였다
10년쯤 전 카카오에서 Rails를 쓰던 주니어가 DHH의 Rails World 2026 키노트를 보고 정리한 생각. Rails의 무대와 DHH의 행보, 손코딩 은퇴 선언이 불편하게 남은 이유, 아직 판단을 배우는 사람에게 빠져 있던 것을 키노트 원문을 근거로 따라가보기
떠난 페이지는 죽지 않고 숨는다: Next.js cacheComponents와 React Activity
Next.js 16의 cacheComponents가 떠난 페이지를 언마운트하지 않고 React Activity로 숨기는 동작. 하얗게 빈 three.js 캔버스를 따라 라우터, React, react-three-fiber의 소스를 읽고 브라우저에서 재현해보기
◆ coldpath 제작기 · 3편소스맵 없이 토스증권의 JavaScript 추적해보기
추석맞이 뻘짓 대작전 3탄: 사랑해요 토스증권