기록하는 개발자,
상초입니다.

로컬에선 되는데 배포에서만 죽는 서버사이드 fetch를 쫓다가, 원인보다 먼저 고쳐야 했던 게 로깅이었다는 걸 알게 된 기록입니다. undici의 래퍼 메시지, next.config rewrite로는 왜 못 피하는지, 그리고 private DNS zone이 서브도메인 하나를 통째로 삼킨 이야기.

next.config의 rewrites에서 source가 어디에 있는 파일이냐는 질문을 받고 답을 쓰다가, 그 경로가 왜 그렇게 생겼는지·같은 값에 왜 두 가지 관례가 생겼는지·그리고 env가 비었을 때 폴백이 왜 절대 안 걸리는지까지 따라간 기록입니다.

사용자가 방금 올린 폰트 파일을 서버 왕복 없이 실서체로 미리보는 기능을 만들며 정리한 기록. File이 바이트를 갖고 있지 않다는 것, arrayBuffer가 필요한 이유, 그리고 new FontFace가 "컨테이너를 씌우는" 게 아니라 이미 들어 있는 컨테이너를 파싱한다는 것을 다룹니다.

같은 코드베이스를 다시 측정하다가, 제가 넣어둔 최적화 두 개가 실제로는 아무 일도 하지 않고 있었다는 걸 발견했습니다. Next 16의 priority가 fetchpriority를 붙이지 않는다는 것, webpackPreload 매직 코멘트가 무효였다는 것, 그리고 자동 오픈 모달이 LCP를 잡고 있었다는 것. 측정이 제 판정을 세 번 뒤집은 기록입니다.

레이아웃 시프트를 줄이려고 세운 첫 두 가설이 모두 측정으로 기각됐습니다. shift 건수를 줄여도 CLS는 그대로였고, 청크를 미리 받아둬도 모달은 여전히 튀었습니다. 그 과정에서 무한스크롤 교착 버그도 하나 나왔습니다.