All Posts

  • Published on
    SettingWithCopyWarning은 단순 경고가 아니라, 뷰/복사 혼동으로 인해 수정이 실제로 반영되지 않을 수 있음을 알리는 신호입니다. 발생 원인부터 안전한 할당 패턴(.loc, .copy, assign)까지 실전 예제로 완전히 정리합니다.
  • Published on
    Chrome에서 INP가 갑자기 나빠졌다면 대부분 메인 스레드 Long Task와 상호작용 중 Layout Shift가 겹쳐 발생합니다. DevTools로 원인을 재현·계측하고, 코드를 어떻게 쪼개고 안정화할지 실전 체크리스트로 정리합니다.
  • Published on
    Next.js에서 LCP를 빠르게 낮추는 핵심은 LCP 후보 리소스(히어로 이미지·웹폰트)를 우선순위로 로드하고, 불필요한 바이트와 레이아웃 변화를 제거하는 것입니다. 이미지·폰트 최적화 체크리스트와 실전 코드로 점검 포인트를 정리합니다.