기술 블로그

두 달 동안 멀쩡하던 어드민 화면이 에디터 모달 하나를 추가한 커밋에서 깨졌다. 로컬 dev 서버에서는 재현되지 않았고, 빌드 결과물에서야 보였다. 원인은 8월부터 코드에 있었고, 10월의 무관한 커밋이 그걸 드러냈다.이 글은 그 버그의 원인 두 가지, 트리거가 된 커밋, 커밋 세 개를 직접 빌드해서 추적한 과정, 그리고 "AI 가 짠 코드라서 생긴 구멍" 이 정확히 어디였는지를 정리한 기록이다. 마지막에는 같은 유형을 다시 못 만나게 하려고 넣은 정적 검사와 스냅샷 테스트를 적었다.환경: Next.js 16 (App Router, Turbopack 빌드), SCSS CSS Modules1. 증상빌드 결과물을 띄워 어드민 화면을 점검하던 중 이상을 발견했다.목록 하단의 "페이지당 표시" 드롭다운이 68p..

Dan Abramov 의 How Are Function Components Different from Classes? 를 실제 버그에 대입해 본 기록증상어드민의 포트폴리오 수정 화면에 대해 QA 단계에서 이런 이슈가 올라왔다.썸네일 이미지를 올리는 동안 타이틀을 고치면, 업로드가 끝나는 순간 타이틀이 고치기 전으로 돌아간다.썸네일과 로고를 연달아 올리면, 먼저 끝난 이미지가 사라진다.새 글 작성 화면에서는 일어나지 않는다.처음엔 직접 해 봐도 재현되지 않았다. 사내망에서 작은 이미지는 0.2초면 올라가서, 그 사이에 뭔가를 입력할 틈이 없었다. DevTools Network 탭에 Latency 15000ms 커스텀 스로틀링을 걸자 바로 재현됐다. 단서는 "업로드가 진행되는 동안 입력한 것만 사라진다"는 ..